igniteui-webcomponents-layouts 6.3.1 → 7.0.0

package/bundles/igniteui-webcomponents-layouts.umd.js

@@ -14977,6 +14977,9 @@
                     if (igniteuiWebcomponentsCore.stringEndsWith(c[d], "@stringUnion")) {
                         continue;
                     }
+                    if (igniteuiWebcomponentsCore.stringEndsWith(c[d], "@constantValues")) {
+                        continue;
+                    }
                     var e = this.b.getMetadata(this.n, c[d]);
                     var f = this.f(e);
                     if (f.w == 0) {
@@ -38121,70 +38124,126 @@
     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.
     */
 
-    var IgcToolActionPopupOpeningEventArgs = /** @class */ /*@__PURE__*/ (function () {
-        function IgcToolActionPopupOpeningEventArgs() {
-            this._implementation = this.createImplementation();
-            this._implementation.externalObject = this;
-            this.onImplementationCreated();
-            if (this._initializeAdapters) {
-                this._initializeAdapters();
-            }
+    var IgcToolActionSeparatorComponent = /** @class */ /*@__PURE__*/ (function (_super) {
+        tslib.__extends(IgcToolActionSeparatorComponent, _super);
+        function IgcToolActionSeparatorComponent() {
+            return _super.call(this) || this;
         }
-        IgcToolActionPopupOpeningEventArgs.prototype.createImplementation = function () {
-            return new ToolActionPopupOpeningEventArgs();
+        IgcToolActionSeparatorComponent.prototype.createImplementation = function () {
+            return new ToolActionSeparator();
         };
-        Object.defineProperty(IgcToolActionPopupOpeningEventArgs.prototype, "i", {
+        Object.defineProperty(IgcToolActionSeparatorComponent.prototype, "i", {
             /**
-             * @hidden
-             */
+                                         * @hidden
+                                         */
             get: function () {
                 return this._implementation;
             },
             enumerable: false,
             configurable: true
         });
-        IgcToolActionPopupOpeningEventArgs.prototype.onImplementationCreated = function () {
+        IgcToolActionSeparatorComponent.prototype.connectedCallback = function () {
+            if (_super.prototype["connectedCallback"]) {
+                _super.prototype["connectedCallback"].call(this);
+            }
+            if (this.i.connectedCallback) {
+                this.i.connectedCallback();
+            }
+            if (this.updateContentChildren) {
+                this.updateContentChildren();
+            }
+            else if (this._updateAdapters) {
+                this._updateAdapters();
+            }
+            if (!this._attached) {
+                this._attached = true;
+                this._flushQueuedAttributes();
+            }
         };
-        IgcToolActionPopupOpeningEventArgs.prototype._provideImplementation = function (i) {
-            this._implementation = i;
-            this._implementation.externalObject = this;
-            this.onImplementationCreated();
-            if (this._initializeAdapters) {
-                this._initializeAdapters();
+        IgcToolActionSeparatorComponent.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(IgcToolActionPopupOpeningEventArgs.prototype, "sourceAction", {
+        Object.defineProperty(IgcToolActionSeparatorComponent, "observedAttributes", {
             get: function () {
-                var r = this.i.a;
-                if (r == null) {
-                    return null;
-                }
-                if (!r.externalObject) {
-                    var e = IgcToolActionComponent._createFromInternal(r);
-                    if (e) {
-                        e._implementation = r;
+                if (IgcToolActionSeparatorComponent._observedAttributesIgcToolActionSeparatorComponent == null) {
+                    var names = igniteuiWebcomponentsCore.getAllPropertyNames(IgcToolActionSeparatorComponent);
+                    for (var i = 0; i < names.length; i++) {
+                        names[i] = igniteuiWebcomponentsCore.toSpinal(names[i]);
                     }
-                    r.externalObject = e;
+                    IgcToolActionSeparatorComponent._observedAttributesIgcToolActionSeparatorComponent = names;
                 }
-                return r.externalObject;
+                return IgcToolActionSeparatorComponent._observedAttributesIgcToolActionSeparatorComponent;
+            },
+            enumerable: false,
+            configurable: true
+        });
+        IgcToolActionSeparatorComponent.register = function () {
+            if (!IgcToolActionSeparatorComponent._isElementRegistered) {
+                IgcToolActionSeparatorComponent._isElementRegistered = true;
+                igniteuiWebcomponentsCore.RegisterElementHelper.registerElement(IgcToolActionSeparatorComponent.htmlTagName, IgcToolActionSeparatorComponent);
+            }
+        };
+        Object.defineProperty(IgcToolActionSeparatorComponent.prototype, "size", {
+            /**
+             * Gets or sets the size of the separator.
+            */
+            get: function () {
+                return this.i.ho;
             },
             set: function (v) {
-                v == null ? this.i.a = null : this.i.a = v.i;
+                this.i.ho = +v;
+                this._a("size", this.i.ho);
             },
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(IgcToolActionPopupOpeningEventArgs.prototype, "cancel", {
+        Object.defineProperty(IgcToolActionSeparatorComponent.prototype, "isGroupHeaderSeparator", {
+            /**
+             * Gets or sets whether to use group header styling or regular styling on this separator.
+            */
             get: function () {
-                return this.i.b;
+                return this.i.hm;
             },
             set: function (v) {
-                this.i.b = igniteuiWebcomponentsCore.ensureBool(v);
+                this.i.hm = igniteuiWebcomponentsCore.ensureBool(v);
+                this._a("isGroupHeaderSeparator", this.i.hm);
             },
             enumerable: false,
             configurable: true
         });
-        return IgcToolActionPopupOpeningEventArgs;
+        IgcToolActionSeparatorComponent.prototype.exportVisualData = function () {
+            var iv = this.i.cr();
+            return (iv);
+        };
+        IgcToolActionSeparatorComponent._observedAttributesIgcToolActionSeparatorComponent = null;
+        IgcToolActionSeparatorComponent.htmlTagName = "igc-tool-action-separator";
+        IgcToolActionSeparatorComponent._isElementRegistered = false;
+        return IgcToolActionSeparatorComponent;
+    }(IgcToolActionComponent));
+
+    /*
+    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.
+    */
+    var IgcToolActionSeparatorModule = /** @class */ /*@__PURE__*/ (function () {
+        function IgcToolActionSeparatorModule() {
+        }
+        IgcToolActionSeparatorModule.register = function () {
+            IgcToolActionSeparatorComponent.register();
+            igniteuiWebcomponentsCore.TypeRegistrar.registerCons("IgcToolActionSeparatorComponent", IgcToolActionSeparatorComponent);
+            igniteuiWebcomponentsCore.TypeRegistrar.register("ToolActionSeparator", ToolActionSeparator.$type);
+        };
+        return IgcToolActionSeparatorModule;
     }());
 
     /*
@@ -38194,18 +38253,15 @@
     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.
     */
 
-    var IgcToolActionIconButtonComponent = /** @class */ /*@__PURE__*/ (function (_super) {
-        tslib.__extends(IgcToolActionIconButtonComponent, _super);
-        function IgcToolActionIconButtonComponent() {
-            var _this = _super.call(this) || this;
-            _this._popupOpening = null;
-            _this._popupOpening_wrapped = null;
-            return _this;
+    var IgcToolActionRadioComponent = /** @class */ /*@__PURE__*/ (function (_super) {
+        tslib.__extends(IgcToolActionRadioComponent, _super);
+        function IgcToolActionRadioComponent() {
+            return _super.call(this) || this;
         }
-        IgcToolActionIconButtonComponent.prototype.createImplementation = function () {
-            return new ToolActionIconButton();
+        IgcToolActionRadioComponent.prototype.createImplementation = function () {
+            return new ToolActionRadio();
         };
-        Object.defineProperty(IgcToolActionIconButtonComponent.prototype, "i", {
+        Object.defineProperty(IgcToolActionRadioComponent.prototype, "i", {
             /**
                                          * @hidden
                                          */
@@ -38215,7 +38271,7 @@
             enumerable: false,
             configurable: true
         });
-        IgcToolActionIconButtonComponent.prototype.connectedCallback = function () {
+        IgcToolActionRadioComponent.prototype.connectedCallback = function () {
             if (_super.prototype["connectedCallback"]) {
                 _super.prototype["connectedCallback"].call(this);
             }
@@ -38233,7 +38289,7 @@
                 this._flushQueuedAttributes();
             }
         };
-        IgcToolActionIconButtonComponent.prototype.disconnectedCallback = function () {
+        IgcToolActionRadioComponent.prototype.disconnectedCallback = function () {
             if (_super.prototype["disconnectedCallback"]) {
                 _super.prototype["disconnectedCallback"].call(this);
             }
@@ -38244,335 +38300,189 @@
                 this._attached = false;
             }
         };
-        Object.defineProperty(IgcToolActionIconButtonComponent, "observedAttributes", {
+        Object.defineProperty(IgcToolActionRadioComponent, "observedAttributes", {
             get: function () {
-                if (IgcToolActionIconButtonComponent._observedAttributesIgcToolActionIconButtonComponent == null) {
-                    var names = igniteuiWebcomponentsCore.getAllPropertyNames(IgcToolActionIconButtonComponent);
+                if (IgcToolActionRadioComponent._observedAttributesIgcToolActionRadioComponent == null) {
+                    var names = igniteuiWebcomponentsCore.getAllPropertyNames(IgcToolActionRadioComponent);
                     for (var i = 0; i < names.length; i++) {
                         names[i] = igniteuiWebcomponentsCore.toSpinal(names[i]);
                     }
-                    IgcToolActionIconButtonComponent._observedAttributesIgcToolActionIconButtonComponent = names;
+                    IgcToolActionRadioComponent._observedAttributesIgcToolActionRadioComponent = names;
                 }
-                return IgcToolActionIconButtonComponent._observedAttributesIgcToolActionIconButtonComponent;
+                return IgcToolActionRadioComponent._observedAttributesIgcToolActionRadioComponent;
             },
             enumerable: false,
             configurable: true
         });
-        IgcToolActionIconButtonComponent.register = function () {
-            if (!IgcToolActionIconButtonComponent._isElementRegistered) {
-                IgcToolActionIconButtonComponent._isElementRegistered = true;
-                igniteuiWebcomponentsCore.RegisterElementHelper.registerElement(IgcToolActionIconButtonComponent.htmlTagName, IgcToolActionIconButtonComponent);
+        IgcToolActionRadioComponent.register = function () {
+            if (!IgcToolActionRadioComponent._isElementRegistered) {
+                IgcToolActionRadioComponent._isElementRegistered = true;
+                igniteuiWebcomponentsCore.RegisterElementHelper.registerElement(IgcToolActionRadioComponent.htmlTagName, IgcToolActionRadioComponent);
             }
         };
-        Object.defineProperty(IgcToolActionIconButtonComponent.prototype, "tooltipDelay", {
+        Object.defineProperty(IgcToolActionRadioComponent.prototype, "channel", {
             /**
-             * Gets or sets how long it takes before the tooltip is displayed (in milliseconds).
+             * Gets or sets the channel this radio button belongs to.
             */
             get: function () {
-                return this.i.iw;
+                return this.i.hu;
             },
             set: function (v) {
-                this.i.iw = +v;
-                this._a("tooltipDelay", this.i.iw);
+                this.i.hu = v;
             },
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(IgcToolActionIconButtonComponent.prototype, "actualTooltipDelay", {
+        Object.defineProperty(IgcToolActionRadioComponent.prototype, "isChecked", {
             /**
-             * Gets the actual delay before the tooltip is displayed (in milliseconds).
+             * Gets or sets if the tool action is checked.
             */
             get: function () {
-                return this.i.iv;
+                return this.i.hn;
             },
             set: function (v) {
-                this.i.iv = +v;
-                this._a("actualTooltipDelay", this.i.iv);
+                this.i.hn = igniteuiWebcomponentsCore.ensureBool(v);
+                this._a("isChecked", this.i.hn);
             },
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(IgcToolActionIconButtonComponent.prototype, "contentPaddingLeft", {
+        Object.defineProperty(IgcToolActionRadioComponent.prototype, "isManual", {
+            /**
+             * Gets or sets if the checked state of the radio is handled manually by the user. The radio
+             * well not become selected when clicked if this property is true.
+            */
             get: function () {
-                return this.i.ip;
+                return this.i.ho;
             },
             set: function (v) {
-                this.i.ip = +v;
-                this._a("contentPaddingLeft", this.i.ip);
+                this.i.ho = igniteuiWebcomponentsCore.ensureBool(v);
+                this._a("isManual", this.i.ho);
             },
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(IgcToolActionIconButtonComponent.prototype, "actualContentPaddingLeft", {
+        Object.defineProperty(IgcToolActionRadioComponent.prototype, "uncheckedBackgroundColor", {
+            /**
+             * Gets or sets the background color of the radio when in the unchecked state.
+            */
             get: function () {
-                return this.i.ik;
+                return igniteuiWebcomponentsCore.brushToString(this.i.ia);
             },
             set: function (v) {
-                this.i.ik = +v;
-                this._a("actualContentPaddingLeft", this.i.ik);
+                this.i.ia = igniteuiWebcomponentsCore.stringToBrush(v);
+                this._a("uncheckedBackgroundColor", igniteuiWebcomponentsCore.brushToString(this.i.ia));
             },
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(IgcToolActionIconButtonComponent.prototype, "contentPaddingTop", {
+        Object.defineProperty(IgcToolActionRadioComponent.prototype, "actualUncheckedBackgroundColor", {
+            /**
+             * Gets the actual background color of the radio when in the unchecked state.
+            */
             get: function () {
-                return this.i.ir;
+                return igniteuiWebcomponentsCore.brushToString(this.i.h6);
             },
             set: function (v) {
-                this.i.ir = +v;
-                this._a("contentPaddingTop", this.i.ir);
+                this.i.h6 = igniteuiWebcomponentsCore.stringToBrush(v);
+                this._a("actualUncheckedBackgroundColor", igniteuiWebcomponentsCore.brushToString(this.i.h6));
             },
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(IgcToolActionIconButtonComponent.prototype, "actualContentPaddingTop", {
+        Object.defineProperty(IgcToolActionRadioComponent.prototype, "checkedBackgroundColor", {
+            /**
+             * Gets or sets the background color of the radio when in the checked state.
+            */
             get: function () {
-                return this.i.im;
+                return igniteuiWebcomponentsCore.brushToString(this.i.h8);
             },
             set: function (v) {
-                this.i.im = +v;
-                this._a("actualContentPaddingTop", this.i.im);
+                this.i.h8 = igniteuiWebcomponentsCore.stringToBrush(v);
+                this._a("checkedBackgroundColor", igniteuiWebcomponentsCore.brushToString(this.i.h8));
             },
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(IgcToolActionIconButtonComponent.prototype, "contentPaddingRight", {
+        Object.defineProperty(IgcToolActionRadioComponent.prototype, "actualCheckedBackgroundColor", {
+            /**
+             * Gets the actual background color of the radio when in the checked state.
+            */
             get: function () {
-                return this.i.iq;
+                return igniteuiWebcomponentsCore.brushToString(this.i.h4);
             },
             set: function (v) {
-                this.i.iq = +v;
-                this._a("contentPaddingRight", this.i.iq);
+                this.i.h4 = igniteuiWebcomponentsCore.stringToBrush(v);
+                this._a("actualCheckedBackgroundColor", igniteuiWebcomponentsCore.brushToString(this.i.h4));
             },
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(IgcToolActionIconButtonComponent.prototype, "actualContentPaddingRight", {
+        Object.defineProperty(IgcToolActionRadioComponent.prototype, "uncheckedBorderColor", {
+            /**
+             * Gets or sets the border color of the radio when in the unchecked state.
+            */
             get: function () {
-                return this.i.il;
+                return igniteuiWebcomponentsCore.brushToString(this.i.ib);
             },
             set: function (v) {
-                this.i.il = +v;
-                this._a("actualContentPaddingRight", this.i.il);
+                this.i.ib = igniteuiWebcomponentsCore.stringToBrush(v);
+                this._a("uncheckedBorderColor", igniteuiWebcomponentsCore.brushToString(this.i.ib));
             },
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(IgcToolActionIconButtonComponent.prototype, "contentPaddingBottom", {
-            get: function () {
-                return this.i.io;
-            },
-            set: function (v) {
-                this.i.io = +v;
-                this._a("contentPaddingBottom", this.i.io);
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(IgcToolActionIconButtonComponent.prototype, "actualContentPaddingBottom", {
-            get: function () {
-                return this.i.ij;
-            },
-            set: function (v) {
-                this.i.ij = +v;
-                this._a("actualContentPaddingBottom", this.i.ij);
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(IgcToolActionIconButtonComponent.prototype, "isOpen", {
-            get: function () {
-                return this.i.ba;
-            },
-            enumerable: false,
-            configurable: true
-        });
-        IgcToolActionIconButtonComponent.prototype.openSubMenu = function () {
-            this.i.gf();
-        };
-        IgcToolActionIconButtonComponent.prototype.closeSubmenu = function () {
-            this.i.fd();
-        };
-        IgcToolActionIconButtonComponent.prototype.exportVisualData = function () {
-            var iv = this.i.cr();
-            return (iv);
-        };
-        Object.defineProperty(IgcToolActionIconButtonComponent.prototype, "popupOpening", {
-            get: function () {
-                return this._popupOpening;
-            },
-            set: function (ev) {
-                var _this = this;
-                if (this._popupOpening_wrapped !== null) {
-                    this.i.popupOpening = igniteuiWebcomponentsCore.delegateRemove(this.i.popupOpening, this._popupOpening_wrapped);
-                    this._popupOpening_wrapped = null;
-                    this._popupOpening = null;
-                }
-                this._popupOpening = ev;
-                this._popupOpening_wrapped = function (o, e) {
-                    var outerArgs = new IgcToolActionPopupOpeningEventArgs();
-                    outerArgs._provideImplementation(e);
-                    if (_this.beforePopupOpening) {
-                        _this.beforePopupOpening(_this, outerArgs);
-                    }
-                    if (_this._popupOpening) {
-                        _this._popupOpening(_this, outerArgs);
-                    }
-                };
-                this.i.popupOpening = igniteuiWebcomponentsCore.delegateCombine(this.i.popupOpening, this._popupOpening_wrapped);
-                ;
-            },
-            enumerable: false,
-            configurable: true
-        });
-        IgcToolActionIconButtonComponent._observedAttributesIgcToolActionIconButtonComponent = null;
-        IgcToolActionIconButtonComponent.htmlTagName = "igc-tool-action-icon-button";
-        IgcToolActionIconButtonComponent._isElementRegistered = false;
-        return IgcToolActionIconButtonComponent;
-    }(IgcToolActionComponent));
-
-    /*
-    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.
-    */
-    var IgcToolActionIconButtonModule = /** @class */ /*@__PURE__*/ (function () {
-        function IgcToolActionIconButtonModule() {
-        }
-        IgcToolActionIconButtonModule.register = function () {
-            IgcToolActionIconButtonComponent.register();
-            igniteuiWebcomponentsCore.TypeRegistrar.registerCons("IgcToolActionIconButtonComponent", IgcToolActionIconButtonComponent);
-            igniteuiWebcomponentsCore.TypeRegistrar.register("ToolActionIconButton", ToolActionIconButton.$type);
-        };
-        return IgcToolActionIconButtonModule;
-    }());
-
-    /*
-    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.
-    */
-
-    var IgcToolActionIconMenuComponent = /** @class */ /*@__PURE__*/ (function (_super) {
-        tslib.__extends(IgcToolActionIconMenuComponent, _super);
-        function IgcToolActionIconMenuComponent() {
-            return _super.call(this) || this;
-        }
-        IgcToolActionIconMenuComponent.prototype.createImplementation = function () {
-            return new ToolActionIconMenu();
-        };
-        Object.defineProperty(IgcToolActionIconMenuComponent.prototype, "i", {
-            /**
-                                         * @hidden
-                                         */
-            get: function () {
-                return this._implementation;
-            },
-            enumerable: false,
-            configurable: true
-        });
-        IgcToolActionIconMenuComponent.prototype.connectedCallback = function () {
-            if (_super.prototype["connectedCallback"]) {
-                _super.prototype["connectedCallback"].call(this);
-            }
-            if (this.i.connectedCallback) {
-                this.i.connectedCallback();
-            }
-            if (this.updateContentChildren) {
-                this.updateContentChildren();
-            }
-            else if (this._updateAdapters) {
-                this._updateAdapters();
-            }
-            if (!this._attached) {
-                this._attached = true;
-                this._flushQueuedAttributes();
-            }
-        };
-        IgcToolActionIconMenuComponent.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(IgcToolActionIconMenuComponent, "observedAttributes", {
-            get: function () {
-                if (IgcToolActionIconMenuComponent._observedAttributesIgcToolActionIconMenuComponent == null) {
-                    var names = igniteuiWebcomponentsCore.getAllPropertyNames(IgcToolActionIconMenuComponent);
-                    for (var i = 0; i < names.length; i++) {
-                        names[i] = igniteuiWebcomponentsCore.toSpinal(names[i]);
-                    }
-                    IgcToolActionIconMenuComponent._observedAttributesIgcToolActionIconMenuComponent = names;
-                }
-                return IgcToolActionIconMenuComponent._observedAttributesIgcToolActionIconMenuComponent;
-            },
-            enumerable: false,
-            configurable: true
-        });
-        IgcToolActionIconMenuComponent.register = function () {
-            if (!IgcToolActionIconMenuComponent._isElementRegistered) {
-                IgcToolActionIconMenuComponent._isElementRegistered = true;
-                igniteuiWebcomponentsCore.RegisterElementHelper.registerElement(IgcToolActionIconMenuComponent.htmlTagName, IgcToolActionIconMenuComponent);
-            }
-        };
-        Object.defineProperty(IgcToolActionIconMenuComponent.prototype, "arrowStroke", {
+        Object.defineProperty(IgcToolActionRadioComponent.prototype, "actualUncheckedBorderColor", {
             /**
-             * Gets or sets the stroke color of the arrow icon.
+             * Gets the actual border color of the radio when in the unchecked state.
             */
             get: function () {
-                return igniteuiWebcomponentsCore.brushToString(this.i.kd);
+                return igniteuiWebcomponentsCore.brushToString(this.i.h7);
             },
             set: function (v) {
-                this.i.kd = igniteuiWebcomponentsCore.stringToBrush(v);
-                this._a("arrowStroke", igniteuiWebcomponentsCore.brushToString(this.i.kd));
+                this.i.h7 = igniteuiWebcomponentsCore.stringToBrush(v);
+                this._a("actualUncheckedBorderColor", igniteuiWebcomponentsCore.brushToString(this.i.h7));
             },
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(IgcToolActionIconMenuComponent.prototype, "actualArrowStroke", {
+        Object.defineProperty(IgcToolActionRadioComponent.prototype, "checkedBorderColor", {
             /**
-             * Gets the actual stroke color of the arrow icon.
+             * Gets or sets the border color of the radio when in the checked state.
             */
             get: function () {
-                return igniteuiWebcomponentsCore.brushToString(this.i.kc);
+                return igniteuiWebcomponentsCore.brushToString(this.i.h9);
             },
             set: function (v) {
-                this.i.kc = igniteuiWebcomponentsCore.stringToBrush(v);
-                this._a("actualArrowStroke", igniteuiWebcomponentsCore.brushToString(this.i.kc));
+                this.i.h9 = igniteuiWebcomponentsCore.stringToBrush(v);
+                this._a("checkedBorderColor", igniteuiWebcomponentsCore.brushToString(this.i.h9));
             },
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(IgcToolActionIconMenuComponent.prototype, "showArrowIcon", {
+        Object.defineProperty(IgcToolActionRadioComponent.prototype, "actualCheckedBorderColor", {
             /**
-             * Gets or sets whether the arrow icon should be shown.
+             * Gets the actual border color of the radio when in the checked state.
             */
             get: function () {
-                return this.i.j1;
+                return igniteuiWebcomponentsCore.brushToString(this.i.h5);
             },
             set: function (v) {
-                this.i.j1 = igniteuiWebcomponentsCore.ensureBool(v);
-                this._a("showArrowIcon", this.i.j1);
+                this.i.h5 = igniteuiWebcomponentsCore.stringToBrush(v);
+                this._a("actualCheckedBorderColor", igniteuiWebcomponentsCore.brushToString(this.i.h5));
             },
             enumerable: false,
             configurable: true
         });
-        IgcToolActionIconMenuComponent.prototype.exportVisualData = function () {
+        IgcToolActionRadioComponent.prototype.exportVisualData = function () {
             var iv = this.i.cr();
             return (iv);
         };
-        IgcToolActionIconMenuComponent._observedAttributesIgcToolActionIconMenuComponent = null;
-        IgcToolActionIconMenuComponent.htmlTagName = "igc-tool-action-icon-menu";
-        IgcToolActionIconMenuComponent._isElementRegistered = false;
-        return IgcToolActionIconMenuComponent;
-    }(IgcToolActionIconButtonComponent));
+        IgcToolActionRadioComponent._observedAttributesIgcToolActionRadioComponent = null;
+        IgcToolActionRadioComponent.htmlTagName = "igc-tool-action-radio";
+        IgcToolActionRadioComponent._isElementRegistered = false;
+        return IgcToolActionRadioComponent;
+    }(IgcToolActionComponent));
 
     /*
     THIS INFRAGISTICS ULTIMATE SOFTWARE LICENSE  AGREEMENT ("AGREEMENT") LOCATED HERE:
@@ -38580,15 +38490,15 @@
     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.
     */
-    var IgcToolActionIconMenuModule = /** @class */ /*@__PURE__*/ (function () {
-        function IgcToolActionIconMenuModule() {
+    var IgcToolActionRadioModule = /** @class */ /*@__PURE__*/ (function () {
+        function IgcToolActionRadioModule() {
         }
-        IgcToolActionIconMenuModule.register = function () {
-            IgcToolActionIconMenuComponent.register();
-            igniteuiWebcomponentsCore.TypeRegistrar.registerCons("IgcToolActionIconMenuComponent", IgcToolActionIconMenuComponent);
-            igniteuiWebcomponentsCore.TypeRegistrar.register("ToolActionIconMenu", ToolActionIconMenu.$type);
+        IgcToolActionRadioModule.register = function () {
+            IgcToolActionRadioComponent.register();
+            igniteuiWebcomponentsCore.TypeRegistrar.registerCons("IgcToolActionRadioComponent", IgcToolActionRadioComponent);
+            igniteuiWebcomponentsCore.TypeRegistrar.register("ToolActionRadio", ToolActionRadio.$type);
         };
-        return IgcToolActionIconMenuModule;
+        return IgcToolActionRadioModule;
     }());
 
     /*
@@ -38598,15 +38508,15 @@
     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.
     */
 
-    var IgcToolActionSeparatorComponent = /** @class */ /*@__PURE__*/ (function (_super) {
-        tslib.__extends(IgcToolActionSeparatorComponent, _super);
-        function IgcToolActionSeparatorComponent() {
+    var IgcToolActionButtonComponent = /** @class */ /*@__PURE__*/ (function (_super) {
+        tslib.__extends(IgcToolActionButtonComponent, _super);
+        function IgcToolActionButtonComponent() {
             return _super.call(this) || this;
         }
-        IgcToolActionSeparatorComponent.prototype.createImplementation = function () {
-            return new ToolActionSeparator();
+        IgcToolActionButtonComponent.prototype.createImplementation = function () {
+            return new ToolActionButton();
         };
-        Object.defineProperty(IgcToolActionSeparatorComponent.prototype, "i", {
+        Object.defineProperty(IgcToolActionButtonComponent.prototype, "i", {
             /**
                                          * @hidden
                                          */
@@ -38616,7 +38526,7 @@
             enumerable: false,
             configurable: true
         });
-        IgcToolActionSeparatorComponent.prototype.connectedCallback = function () {
+        IgcToolActionButtonComponent.prototype.connectedCallback = function () {
             if (_super.prototype["connectedCallback"]) {
                 _super.prototype["connectedCallback"].call(this);
             }
@@ -38634,7 +38544,7 @@
                 this._flushQueuedAttributes();
             }
         };
-        IgcToolActionSeparatorComponent.prototype.disconnectedCallback = function () {
+        IgcToolActionButtonComponent.prototype.disconnectedCallback = function () {
             if (_super.prototype["disconnectedCallback"]) {
                 _super.prototype["disconnectedCallback"].call(this);
             }
@@ -38645,62 +38555,62 @@
                 this._attached = false;
             }
         };
-        Object.defineProperty(IgcToolActionSeparatorComponent, "observedAttributes", {
+        Object.defineProperty(IgcToolActionButtonComponent, "observedAttributes", {
             get: function () {
-                if (IgcToolActionSeparatorComponent._observedAttributesIgcToolActionSeparatorComponent == null) {
-                    var names = igniteuiWebcomponentsCore.getAllPropertyNames(IgcToolActionSeparatorComponent);
+                if (IgcToolActionButtonComponent._observedAttributesIgcToolActionButtonComponent == null) {
+                    var names = igniteuiWebcomponentsCore.getAllPropertyNames(IgcToolActionButtonComponent);
                     for (var i = 0; i < names.length; i++) {
                         names[i] = igniteuiWebcomponentsCore.toSpinal(names[i]);
                     }
-                    IgcToolActionSeparatorComponent._observedAttributesIgcToolActionSeparatorComponent = names;
+                    IgcToolActionButtonComponent._observedAttributesIgcToolActionButtonComponent = names;
                 }
-                return IgcToolActionSeparatorComponent._observedAttributesIgcToolActionSeparatorComponent;
+                return IgcToolActionButtonComponent._observedAttributesIgcToolActionButtonComponent;
             },
             enumerable: false,
             configurable: true
         });
-        IgcToolActionSeparatorComponent.register = function () {
-            if (!IgcToolActionSeparatorComponent._isElementRegistered) {
-                IgcToolActionSeparatorComponent._isElementRegistered = true;
-                igniteuiWebcomponentsCore.RegisterElementHelper.registerElement(IgcToolActionSeparatorComponent.htmlTagName, IgcToolActionSeparatorComponent);
+        IgcToolActionButtonComponent.register = function () {
+            if (!IgcToolActionButtonComponent._isElementRegistered) {
+                IgcToolActionButtonComponent._isElementRegistered = true;
+                igniteuiWebcomponentsCore.RegisterElementHelper.registerElement(IgcToolActionButtonComponent.htmlTagName, IgcToolActionButtonComponent);
             }
         };
-        Object.defineProperty(IgcToolActionSeparatorComponent.prototype, "size", {
+        Object.defineProperty(IgcToolActionButtonComponent.prototype, "displayType", {
             /**
-             * Gets or sets the size of the separator.
+             * Gets or sets the display type for the button.
             */
             get: function () {
-                return this.i.ho;
+                return this.i.hm;
             },
             set: function (v) {
-                this.i.ho = +v;
-                this._a("size", this.i.ho);
+                this.i.hm = igniteuiWebcomponentsCore.ensureEnum(ToolActionButtonDisplayType_$type, v);
+                this._a("displayType", igniteuiWebcomponentsCore.enumToString(ToolActionButtonDisplayType_$type, this.i.hm));
             },
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(IgcToolActionSeparatorComponent.prototype, "isGroupHeaderSeparator", {
+        Object.defineProperty(IgcToolActionButtonComponent.prototype, "cornerRadius", {
             /**
-             * Gets or sets whether to use group header styling or regular styling on this separator.
+             * Gets or sets the button corner radius.
             */
             get: function () {
-                return this.i.hm;
+                return this.i.hq;
             },
             set: function (v) {
-                this.i.hm = igniteuiWebcomponentsCore.ensureBool(v);
-                this._a("isGroupHeaderSeparator", this.i.hm);
+                this.i.hq = +v;
+                this._a("cornerRadius", this.i.hq);
             },
             enumerable: false,
             configurable: true
         });
-        IgcToolActionSeparatorComponent.prototype.exportVisualData = function () {
+        IgcToolActionButtonComponent.prototype.exportVisualData = function () {
             var iv = this.i.cr();
             return (iv);
         };
-        IgcToolActionSeparatorComponent._observedAttributesIgcToolActionSeparatorComponent = null;
-        IgcToolActionSeparatorComponent.htmlTagName = "igc-tool-action-separator";
-        IgcToolActionSeparatorComponent._isElementRegistered = false;
-        return IgcToolActionSeparatorComponent;
+        IgcToolActionButtonComponent._observedAttributesIgcToolActionButtonComponent = null;
+        IgcToolActionButtonComponent.htmlTagName = "igc-tool-action-button";
+        IgcToolActionButtonComponent._isElementRegistered = false;
+        return IgcToolActionButtonComponent;
     }(IgcToolActionComponent));
 
     /*
@@ -38709,15 +38619,15 @@
     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.
     */
-    var IgcToolActionSeparatorModule = /** @class */ /*@__PURE__*/ (function () {
-        function IgcToolActionSeparatorModule() {
+    var IgcToolActionButtonModule = /** @class */ /*@__PURE__*/ (function () {
+        function IgcToolActionButtonModule() {
         }
-        IgcToolActionSeparatorModule.register = function () {
-            IgcToolActionSeparatorComponent.register();
-            igniteuiWebcomponentsCore.TypeRegistrar.registerCons("IgcToolActionSeparatorComponent", IgcToolActionSeparatorComponent);
-            igniteuiWebcomponentsCore.TypeRegistrar.register("ToolActionSeparator", ToolActionSeparator.$type);
+        IgcToolActionButtonModule.register = function () {
+            IgcToolActionButtonComponent.register();
+            igniteuiWebcomponentsCore.TypeRegistrar.registerCons("IgcToolActionButtonComponent", IgcToolActionButtonComponent);
+            igniteuiWebcomponentsCore.TypeRegistrar.register("ToolActionButton", ToolActionButton.$type);
         };
-        return IgcToolActionSeparatorModule;
+        return IgcToolActionButtonModule;
     }());
 
     /*
@@ -38842,15 +38752,91 @@
     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.
     */
 
-    var IgcToolActionRadioComponent = /** @class */ /*@__PURE__*/ (function (_super) {
-        tslib.__extends(IgcToolActionRadioComponent, _super);
-        function IgcToolActionRadioComponent() {
-            return _super.call(this) || this;
+    var IgcToolActionPopupOpeningEventArgs = /** @class */ /*@__PURE__*/ (function () {
+        function IgcToolActionPopupOpeningEventArgs() {
+            this._implementation = this.createImplementation();
+            this._implementation.externalObject = this;
+            this.onImplementationCreated();
+            if (this._initializeAdapters) {
+                this._initializeAdapters();
+            }
         }
-        IgcToolActionRadioComponent.prototype.createImplementation = function () {
-            return new ToolActionRadio();
+        IgcToolActionPopupOpeningEventArgs.prototype.createImplementation = function () {
+            return new ToolActionPopupOpeningEventArgs();
         };
-        Object.defineProperty(IgcToolActionRadioComponent.prototype, "i", {
+        Object.defineProperty(IgcToolActionPopupOpeningEventArgs.prototype, "i", {
+            /**
+             * @hidden
+             */
+            get: function () {
+                return this._implementation;
+            },
+            enumerable: false,
+            configurable: true
+        });
+        IgcToolActionPopupOpeningEventArgs.prototype.onImplementationCreated = function () {
+        };
+        IgcToolActionPopupOpeningEventArgs.prototype._provideImplementation = function (i) {
+            this._implementation = i;
+            this._implementation.externalObject = this;
+            this.onImplementationCreated();
+            if (this._initializeAdapters) {
+                this._initializeAdapters();
+            }
+        };
+        Object.defineProperty(IgcToolActionPopupOpeningEventArgs.prototype, "sourceAction", {
+            get: function () {
+                var r = this.i.a;
+                if (r == null) {
+                    return null;
+                }
+                if (!r.externalObject) {
+                    var e = IgcToolActionComponent._createFromInternal(r);
+                    if (e) {
+                        e._implementation = r;
+                    }
+                    r.externalObject = e;
+                }
+                return r.externalObject;
+            },
+            set: function (v) {
+                v == null ? this.i.a = null : this.i.a = v.i;
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(IgcToolActionPopupOpeningEventArgs.prototype, "cancel", {
+            get: function () {
+                return this.i.b;
+            },
+            set: function (v) {
+                this.i.b = igniteuiWebcomponentsCore.ensureBool(v);
+            },
+            enumerable: false,
+            configurable: true
+        });
+        return IgcToolActionPopupOpeningEventArgs;
+    }());
+
+    /*
+    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.
+    */
+
+    var IgcToolActionIconButtonComponent = /** @class */ /*@__PURE__*/ (function (_super) {
+        tslib.__extends(IgcToolActionIconButtonComponent, _super);
+        function IgcToolActionIconButtonComponent() {
+            var _this = _super.call(this) || this;
+            _this._popupOpening = null;
+            _this._popupOpening_wrapped = null;
+            return _this;
+        }
+        IgcToolActionIconButtonComponent.prototype.createImplementation = function () {
+            return new ToolActionIconButton();
+        };
+        Object.defineProperty(IgcToolActionIconButtonComponent.prototype, "i", {
             /**
                                          * @hidden
                                          */
@@ -38860,7 +38846,7 @@
             enumerable: false,
             configurable: true
         });
-        IgcToolActionRadioComponent.prototype.connectedCallback = function () {
+        IgcToolActionIconButtonComponent.prototype.connectedCallback = function () {
             if (_super.prototype["connectedCallback"]) {
                 _super.prototype["connectedCallback"].call(this);
             }
@@ -38878,7 +38864,7 @@
                 this._flushQueuedAttributes();
             }
         };
-        IgcToolActionRadioComponent.prototype.disconnectedCallback = function () {
+        IgcToolActionIconButtonComponent.prototype.disconnectedCallback = function () {
             if (_super.prototype["disconnectedCallback"]) {
                 _super.prototype["disconnectedCallback"].call(this);
             }
@@ -38889,188 +38875,191 @@
                 this._attached = false;
             }
         };
-        Object.defineProperty(IgcToolActionRadioComponent, "observedAttributes", {
+        Object.defineProperty(IgcToolActionIconButtonComponent, "observedAttributes", {
             get: function () {
-                if (IgcToolActionRadioComponent._observedAttributesIgcToolActionRadioComponent == null) {
-                    var names = igniteuiWebcomponentsCore.getAllPropertyNames(IgcToolActionRadioComponent);
+                if (IgcToolActionIconButtonComponent._observedAttributesIgcToolActionIconButtonComponent == null) {
+                    var names = igniteuiWebcomponentsCore.getAllPropertyNames(IgcToolActionIconButtonComponent);
                     for (var i = 0; i < names.length; i++) {
                         names[i] = igniteuiWebcomponentsCore.toSpinal(names[i]);
                     }
-                    IgcToolActionRadioComponent._observedAttributesIgcToolActionRadioComponent = names;
+                    IgcToolActionIconButtonComponent._observedAttributesIgcToolActionIconButtonComponent = names;
                 }
-                return IgcToolActionRadioComponent._observedAttributesIgcToolActionRadioComponent;
+                return IgcToolActionIconButtonComponent._observedAttributesIgcToolActionIconButtonComponent;
             },
             enumerable: false,
             configurable: true
         });
-        IgcToolActionRadioComponent.register = function () {
-            if (!IgcToolActionRadioComponent._isElementRegistered) {
-                IgcToolActionRadioComponent._isElementRegistered = true;
-                igniteuiWebcomponentsCore.RegisterElementHelper.registerElement(IgcToolActionRadioComponent.htmlTagName, IgcToolActionRadioComponent);
+        IgcToolActionIconButtonComponent.register = function () {
+            if (!IgcToolActionIconButtonComponent._isElementRegistered) {
+                IgcToolActionIconButtonComponent._isElementRegistered = true;
+                igniteuiWebcomponentsCore.RegisterElementHelper.registerElement(IgcToolActionIconButtonComponent.htmlTagName, IgcToolActionIconButtonComponent);
             }
         };
-        Object.defineProperty(IgcToolActionRadioComponent.prototype, "channel", {
+        Object.defineProperty(IgcToolActionIconButtonComponent.prototype, "tooltipDelay", {
             /**
-             * Gets or sets the channel this radio button belongs to.
+             * Gets or sets how long it takes before the tooltip is displayed (in milliseconds).
             */
             get: function () {
-                return this.i.hu;
+                return this.i.iw;
             },
             set: function (v) {
-                this.i.hu = v;
+                this.i.iw = +v;
+                this._a("tooltipDelay", this.i.iw);
             },
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(IgcToolActionRadioComponent.prototype, "isChecked", {
+        Object.defineProperty(IgcToolActionIconButtonComponent.prototype, "actualTooltipDelay", {
             /**
-             * Gets or sets if the tool action is checked.
+             * Gets the actual delay before the tooltip is displayed (in milliseconds).
             */
             get: function () {
-                return this.i.hn;
+                return this.i.iv;
             },
             set: function (v) {
-                this.i.hn = igniteuiWebcomponentsCore.ensureBool(v);
-                this._a("isChecked", this.i.hn);
+                this.i.iv = +v;
+                this._a("actualTooltipDelay", this.i.iv);
             },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(IgcToolActionRadioComponent.prototype, "isManual", {
-            /**
-             * Gets or sets if the checked state of the radio is handled manually by the user. The radio
-             * well not become selected when clicked if this property is true.
-            */
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(IgcToolActionIconButtonComponent.prototype, "contentPaddingLeft", {
             get: function () {
-                return this.i.ho;
+                return this.i.ip;
             },
             set: function (v) {
-                this.i.ho = igniteuiWebcomponentsCore.ensureBool(v);
-                this._a("isManual", this.i.ho);
+                this.i.ip = +v;
+                this._a("contentPaddingLeft", this.i.ip);
             },
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(IgcToolActionRadioComponent.prototype, "uncheckedBackgroundColor", {
-            /**
-             * Gets or sets the background color of the radio when in the unchecked state.
-            */
+        Object.defineProperty(IgcToolActionIconButtonComponent.prototype, "actualContentPaddingLeft", {
             get: function () {
-                return igniteuiWebcomponentsCore.brushToString(this.i.ia);
+                return this.i.ik;
             },
             set: function (v) {
-                this.i.ia = igniteuiWebcomponentsCore.stringToBrush(v);
-                this._a("uncheckedBackgroundColor", igniteuiWebcomponentsCore.brushToString(this.i.ia));
+                this.i.ik = +v;
+                this._a("actualContentPaddingLeft", this.i.ik);
             },
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(IgcToolActionRadioComponent.prototype, "actualUncheckedBackgroundColor", {
-            /**
-             * Gets the actual background color of the radio when in the unchecked state.
-            */
+        Object.defineProperty(IgcToolActionIconButtonComponent.prototype, "contentPaddingTop", {
             get: function () {
-                return igniteuiWebcomponentsCore.brushToString(this.i.h6);
+                return this.i.ir;
             },
             set: function (v) {
-                this.i.h6 = igniteuiWebcomponentsCore.stringToBrush(v);
-                this._a("actualUncheckedBackgroundColor", igniteuiWebcomponentsCore.brushToString(this.i.h6));
+                this.i.ir = +v;
+                this._a("contentPaddingTop", this.i.ir);
             },
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(IgcToolActionRadioComponent.prototype, "checkedBackgroundColor", {
-            /**
-             * Gets or sets the background color of the radio when in the checked state.
-            */
+        Object.defineProperty(IgcToolActionIconButtonComponent.prototype, "actualContentPaddingTop", {
             get: function () {
-                return igniteuiWebcomponentsCore.brushToString(this.i.h8);
+                return this.i.im;
             },
             set: function (v) {
-                this.i.h8 = igniteuiWebcomponentsCore.stringToBrush(v);
-                this._a("checkedBackgroundColor", igniteuiWebcomponentsCore.brushToString(this.i.h8));
+                this.i.im = +v;
+                this._a("actualContentPaddingTop", this.i.im);
             },
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(IgcToolActionRadioComponent.prototype, "actualCheckedBackgroundColor", {
-            /**
-             * Gets the actual background color of the radio when in the checked state.
-            */
+        Object.defineProperty(IgcToolActionIconButtonComponent.prototype, "contentPaddingRight", {
             get: function () {
-                return igniteuiWebcomponentsCore.brushToString(this.i.h4);
+                return this.i.iq;
             },
             set: function (v) {
-                this.i.h4 = igniteuiWebcomponentsCore.stringToBrush(v);
-                this._a("actualCheckedBackgroundColor", igniteuiWebcomponentsCore.brushToString(this.i.h4));
+                this.i.iq = +v;
+                this._a("contentPaddingRight", this.i.iq);
             },
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(IgcToolActionRadioComponent.prototype, "uncheckedBorderColor", {
-            /**
-             * Gets or sets the border color of the radio when in the unchecked state.
-            */
+        Object.defineProperty(IgcToolActionIconButtonComponent.prototype, "actualContentPaddingRight", {
             get: function () {
-                return igniteuiWebcomponentsCore.brushToString(this.i.ib);
+                return this.i.il;
             },
             set: function (v) {
-                this.i.ib = igniteuiWebcomponentsCore.stringToBrush(v);
-                this._a("uncheckedBorderColor", igniteuiWebcomponentsCore.brushToString(this.i.ib));
+                this.i.il = +v;
+                this._a("actualContentPaddingRight", this.i.il);
             },
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(IgcToolActionRadioComponent.prototype, "actualUncheckedBorderColor", {
-            /**
-             * Gets the actual border color of the radio when in the unchecked state.
-            */
+        Object.defineProperty(IgcToolActionIconButtonComponent.prototype, "contentPaddingBottom", {
             get: function () {
-                return igniteuiWebcomponentsCore.brushToString(this.i.h7);
+                return this.i.io;
             },
             set: function (v) {
-                this.i.h7 = igniteuiWebcomponentsCore.stringToBrush(v);
-                this._a("actualUncheckedBorderColor", igniteuiWebcomponentsCore.brushToString(this.i.h7));
+                this.i.io = +v;
+                this._a("contentPaddingBottom", this.i.io);
             },
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(IgcToolActionRadioComponent.prototype, "checkedBorderColor", {
-            /**
-             * Gets or sets the border color of the radio when in the checked state.
-            */
+        Object.defineProperty(IgcToolActionIconButtonComponent.prototype, "actualContentPaddingBottom", {
             get: function () {
-                return igniteuiWebcomponentsCore.brushToString(this.i.h9);
+                return this.i.ij;
             },
             set: function (v) {
-                this.i.h9 = igniteuiWebcomponentsCore.stringToBrush(v);
-                this._a("checkedBorderColor", igniteuiWebcomponentsCore.brushToString(this.i.h9));
+                this.i.ij = +v;
+                this._a("actualContentPaddingBottom", this.i.ij);
             },
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(IgcToolActionRadioComponent.prototype, "actualCheckedBorderColor", {
-            /**
-             * Gets the actual border color of the radio when in the checked state.
-            */
+        Object.defineProperty(IgcToolActionIconButtonComponent.prototype, "isOpen", {
             get: function () {
-                return igniteuiWebcomponentsCore.brushToString(this.i.h5);
-            },
-            set: function (v) {
-                this.i.h5 = igniteuiWebcomponentsCore.stringToBrush(v);
-                this._a("actualCheckedBorderColor", igniteuiWebcomponentsCore.brushToString(this.i.h5));
+                return this.i.ba;
             },
             enumerable: false,
             configurable: true
         });
-        IgcToolActionRadioComponent.prototype.exportVisualData = function () {
+        IgcToolActionIconButtonComponent.prototype.openSubMenu = function () {
+            this.i.gf();
+        };
+        IgcToolActionIconButtonComponent.prototype.closeSubmenu = function () {
+            this.i.fd();
+        };
+        IgcToolActionIconButtonComponent.prototype.exportVisualData = function () {
             var iv = this.i.cr();
             return (iv);
         };
-        IgcToolActionRadioComponent._observedAttributesIgcToolActionRadioComponent = null;
-        IgcToolActionRadioComponent.htmlTagName = "igc-tool-action-radio";
-        IgcToolActionRadioComponent._isElementRegistered = false;
-        return IgcToolActionRadioComponent;
+        Object.defineProperty(IgcToolActionIconButtonComponent.prototype, "popupOpening", {
+            get: function () {
+                return this._popupOpening;
+            },
+            set: function (ev) {
+                var _this = this;
+                if (this._popupOpening_wrapped !== null) {
+                    this.i.popupOpening = igniteuiWebcomponentsCore.delegateRemove(this.i.popupOpening, this._popupOpening_wrapped);
+                    this._popupOpening_wrapped = null;
+                    this._popupOpening = null;
+                }
+                this._popupOpening = ev;
+                this._popupOpening_wrapped = function (o, e) {
+                    var outerArgs = new IgcToolActionPopupOpeningEventArgs();
+                    outerArgs._provideImplementation(e);
+                    if (_this.beforePopupOpening) {
+                        _this.beforePopupOpening(_this, outerArgs);
+                    }
+                    if (_this._popupOpening) {
+                        _this._popupOpening(_this, outerArgs);
+                    }
+                };
+                this.i.popupOpening = igniteuiWebcomponentsCore.delegateCombine(this.i.popupOpening, this._popupOpening_wrapped);
+                ;
+            },
+            enumerable: false,
+            configurable: true
+        });
+        IgcToolActionIconButtonComponent._observedAttributesIgcToolActionIconButtonComponent = null;
+        IgcToolActionIconButtonComponent.htmlTagName = "igc-tool-action-icon-button";
+        IgcToolActionIconButtonComponent._isElementRegistered = false;
+        return IgcToolActionIconButtonComponent;
     }(IgcToolActionComponent));
 
     /*
@@ -39079,15 +39068,15 @@
     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.
     */
-    var IgcToolActionRadioModule = /** @class */ /*@__PURE__*/ (function () {
-        function IgcToolActionRadioModule() {
+    var IgcToolActionIconButtonModule = /** @class */ /*@__PURE__*/ (function () {
+        function IgcToolActionIconButtonModule() {
         }
-        IgcToolActionRadioModule.register = function () {
-            IgcToolActionRadioComponent.register();
-            igniteuiWebcomponentsCore.TypeRegistrar.registerCons("IgcToolActionRadioComponent", IgcToolActionRadioComponent);
-            igniteuiWebcomponentsCore.TypeRegistrar.register("ToolActionRadio", ToolActionRadio.$type);
+        IgcToolActionIconButtonModule.register = function () {
+            IgcToolActionIconButtonComponent.register();
+            igniteuiWebcomponentsCore.TypeRegistrar.registerCons("IgcToolActionIconButtonComponent", IgcToolActionIconButtonComponent);
+            igniteuiWebcomponentsCore.TypeRegistrar.register("ToolActionIconButton", ToolActionIconButton.$type);
         };
-        return IgcToolActionRadioModule;
+        return IgcToolActionIconButtonModule;
     }());
 
     /*
@@ -39097,15 +39086,15 @@
     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.
     */
 
-    var IgcToolActionButtonComponent = /** @class */ /*@__PURE__*/ (function (_super) {
-        tslib.__extends(IgcToolActionButtonComponent, _super);
-        function IgcToolActionButtonComponent() {
+    var IgcToolActionIconMenuComponent = /** @class */ /*@__PURE__*/ (function (_super) {
+        tslib.__extends(IgcToolActionIconMenuComponent, _super);
+        function IgcToolActionIconMenuComponent() {
             return _super.call(this) || this;
         }
-        IgcToolActionButtonComponent.prototype.createImplementation = function () {
-            return new ToolActionButton();
+        IgcToolActionIconMenuComponent.prototype.createImplementation = function () {
+            return new ToolActionIconMenu();
         };
-        Object.defineProperty(IgcToolActionButtonComponent.prototype, "i", {
+        Object.defineProperty(IgcToolActionIconMenuComponent.prototype, "i", {
             /**
                                          * @hidden
                                          */
@@ -39115,7 +39104,7 @@
             enumerable: false,
             configurable: true
         });
-        IgcToolActionButtonComponent.prototype.connectedCallback = function () {
+        IgcToolActionIconMenuComponent.prototype.connectedCallback = function () {
             if (_super.prototype["connectedCallback"]) {
                 _super.prototype["connectedCallback"].call(this);
             }
@@ -39133,7 +39122,7 @@
                 this._flushQueuedAttributes();
             }
         };
-        IgcToolActionButtonComponent.prototype.disconnectedCallback = function () {
+        IgcToolActionIconMenuComponent.prototype.disconnectedCallback = function () {
             if (_super.prototype["disconnectedCallback"]) {
                 _super.prototype["disconnectedCallback"].call(this);
             }
@@ -39144,63 +39133,77 @@
                 this._attached = false;
             }
         };
-        Object.defineProperty(IgcToolActionButtonComponent, "observedAttributes", {
+        Object.defineProperty(IgcToolActionIconMenuComponent, "observedAttributes", {
             get: function () {
-                if (IgcToolActionButtonComponent._observedAttributesIgcToolActionButtonComponent == null) {
-                    var names = igniteuiWebcomponentsCore.getAllPropertyNames(IgcToolActionButtonComponent);
+                if (IgcToolActionIconMenuComponent._observedAttributesIgcToolActionIconMenuComponent == null) {
+                    var names = igniteuiWebcomponentsCore.getAllPropertyNames(IgcToolActionIconMenuComponent);
                     for (var i = 0; i < names.length; i++) {
                         names[i] = igniteuiWebcomponentsCore.toSpinal(names[i]);
                     }
-                    IgcToolActionButtonComponent._observedAttributesIgcToolActionButtonComponent = names;
+                    IgcToolActionIconMenuComponent._observedAttributesIgcToolActionIconMenuComponent = names;
                 }
-                return IgcToolActionButtonComponent._observedAttributesIgcToolActionButtonComponent;
+                return IgcToolActionIconMenuComponent._observedAttributesIgcToolActionIconMenuComponent;
             },
             enumerable: false,
             configurable: true
         });
-        IgcToolActionButtonComponent.register = function () {
-            if (!IgcToolActionButtonComponent._isElementRegistered) {
-                IgcToolActionButtonComponent._isElementRegistered = true;
-                igniteuiWebcomponentsCore.RegisterElementHelper.registerElement(IgcToolActionButtonComponent.htmlTagName, IgcToolActionButtonComponent);
+        IgcToolActionIconMenuComponent.register = function () {
+            if (!IgcToolActionIconMenuComponent._isElementRegistered) {
+                IgcToolActionIconMenuComponent._isElementRegistered = true;
+                igniteuiWebcomponentsCore.RegisterElementHelper.registerElement(IgcToolActionIconMenuComponent.htmlTagName, IgcToolActionIconMenuComponent);
             }
         };
-        Object.defineProperty(IgcToolActionButtonComponent.prototype, "displayType", {
+        Object.defineProperty(IgcToolActionIconMenuComponent.prototype, "arrowStroke", {
             /**
-             * Gets or sets the display type for the button.
+             * Gets or sets the stroke color of the arrow icon.
             */
             get: function () {
-                return this.i.hm;
+                return igniteuiWebcomponentsCore.brushToString(this.i.kd);
             },
             set: function (v) {
-                this.i.hm = igniteuiWebcomponentsCore.ensureEnum(ToolActionButtonDisplayType_$type, v);
-                this._a("displayType", igniteuiWebcomponentsCore.enumToString(ToolActionButtonDisplayType_$type, this.i.hm));
+                this.i.kd = igniteuiWebcomponentsCore.stringToBrush(v);
+                this._a("arrowStroke", igniteuiWebcomponentsCore.brushToString(this.i.kd));
             },
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(IgcToolActionButtonComponent.prototype, "cornerRadius", {
+        Object.defineProperty(IgcToolActionIconMenuComponent.prototype, "actualArrowStroke", {
             /**
-             * Gets or sets the button corner radius.
+             * Gets the actual stroke color of the arrow icon.
             */
             get: function () {
-                return this.i.hq;
+                return igniteuiWebcomponentsCore.brushToString(this.i.kc);
             },
             set: function (v) {
-                this.i.hq = +v;
-                this._a("cornerRadius", this.i.hq);
+                this.i.kc = igniteuiWebcomponentsCore.stringToBrush(v);
+                this._a("actualArrowStroke", igniteuiWebcomponentsCore.brushToString(this.i.kc));
             },
             enumerable: false,
             configurable: true
         });
-        IgcToolActionButtonComponent.prototype.exportVisualData = function () {
+        Object.defineProperty(IgcToolActionIconMenuComponent.prototype, "showArrowIcon", {
+            /**
+             * Gets or sets whether the arrow icon should be shown.
+            */
+            get: function () {
+                return this.i.j1;
+            },
+            set: function (v) {
+                this.i.j1 = igniteuiWebcomponentsCore.ensureBool(v);
+                this._a("showArrowIcon", this.i.j1);
+            },
+            enumerable: false,
+            configurable: true
+        });
+        IgcToolActionIconMenuComponent.prototype.exportVisualData = function () {
             var iv = this.i.cr();
             return (iv);
         };
-        IgcToolActionButtonComponent._observedAttributesIgcToolActionButtonComponent = null;
-        IgcToolActionButtonComponent.htmlTagName = "igc-tool-action-button";
-        IgcToolActionButtonComponent._isElementRegistered = false;
-        return IgcToolActionButtonComponent;
-    }(IgcToolActionComponent));
+        IgcToolActionIconMenuComponent._observedAttributesIgcToolActionIconMenuComponent = null;
+        IgcToolActionIconMenuComponent.htmlTagName = "igc-tool-action-icon-menu";
+        IgcToolActionIconMenuComponent._isElementRegistered = false;
+        return IgcToolActionIconMenuComponent;
+    }(IgcToolActionIconButtonComponent));
 
     /*
     THIS INFRAGISTICS ULTIMATE SOFTWARE LICENSE  AGREEMENT ("AGREEMENT") LOCATED HERE:
@@ -39208,15 +39211,15 @@
     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.
     */
-    var IgcToolActionButtonModule = /** @class */ /*@__PURE__*/ (function () {
-        function IgcToolActionButtonModule() {
+    var IgcToolActionIconMenuModule = /** @class */ /*@__PURE__*/ (function () {
+        function IgcToolActionIconMenuModule() {
         }
-        IgcToolActionButtonModule.register = function () {
-            IgcToolActionButtonComponent.register();
-            igniteuiWebcomponentsCore.TypeRegistrar.registerCons("IgcToolActionButtonComponent", IgcToolActionButtonComponent);
-            igniteuiWebcomponentsCore.TypeRegistrar.register("ToolActionButton", ToolActionButton.$type);
+        IgcToolActionIconMenuModule.register = function () {
+            IgcToolActionIconMenuComponent.register();
+            igniteuiWebcomponentsCore.TypeRegistrar.registerCons("IgcToolActionIconMenuComponent", IgcToolActionIconMenuComponent);
+            igniteuiWebcomponentsCore.TypeRegistrar.register("ToolActionIconMenu", ToolActionIconMenu.$type);
         };
-        return IgcToolActionButtonModule;
+        return IgcToolActionIconMenuModule;
     }());
 
     /*
@@ -40879,10 +40882,7 @@
             IgcToolActionGroupHeaderModule.register();
             IgcToolActionFieldSelectorModule.register();
             IgcToolActionNumberInputModule.register();
-            IgcToolActionIconButtonModule.register();
-            IgcToolActionIconMenuModule.register();
             IgcToolActionSeparatorModule.register();
-            IgcToolActionSubPanelModule.register();
             IgcToolActionRadioModule.register();
             IgcToolActionButtonModule.register();
             igniteuiWebcomponentsInputs.IgcXInputGroupModule.register();
@@ -40891,6 +40891,9 @@
             igniteuiWebcomponentsInputs.IgcXIconModule.register();
             igniteuiWebcomponentsInputs.IgcColorEditorModule.register();
             igniteuiWebcomponentsInputs.IgcMultiSliderModule.register();
+            IgcToolActionSubPanelModule.register();
+            IgcToolActionIconButtonModule.register();
+            IgcToolActionIconMenuModule.register();
             IgcToolPanelComponent.register();
             igniteuiWebcomponentsCore.TypeRegistrar.registerCons('IgcToolPanelComponent', IgcToolPanelComponent);
             igniteuiWebcomponentsCore.TypeRegistrar.registerCons('IgcToolPanelComponent', IgcToolPanelComponent);
@@ -42708,18 +42711,18 @@
             var a = new igniteuiWebcomponentsCore.DescriptionSerializerBuilder();
             var b = new igniteuiWebcomponentsCore.DescriptionSerializer();
             var c = "root";
-            a.f("{");
-            a.i();
-            a.f("\"descriptions\": {");
-            a.i();
-            a.e("\"" + c + "\"");
-            a.e(": ");
+            a.appendLine("{");
+            a.increaseTabLevel();
+            a.appendLine("\"descriptions\": {");
+            a.increaseTabLevel();
+            a.append("\"" + c + "\"");
+            a.append(": ");
             b.y(this.c, this.b, a);
-            a.f("");
-            a.h();
-            a.e("}");
-            a.h();
-            a.f("}");
+            a.appendLine("");
+            a.decreaseTabLevel();
+            a.append("}");
+            a.decreaseTabLevel();
+            a.appendLine("}");
             return a.toString();
         };
         PropertyEditorTreeTransformer.$t = igniteuiWebcomponentsCore.markType(PropertyEditorTreeTransformer, 'PropertyEditorTreeTransformer');