igniteui-webcomponents-layouts 6.3.1 → 7.0.0

package/fesm5/igniteui-webcomponents-layouts.js

@@ -14975,6 +14975,9 @@ var PropertyEditorDataSource = /** @class */ /*@__PURE__*/ (function (_super) {
                 if (stringEndsWith(c[d], "@stringUnion")) {
                     continue;
                 }
+                if (stringEndsWith(c[d], "@constantValues")) {
+                    continue;
+                }
                 var e = this.b.getMetadata(this.n, c[d]);
                 var f = this.f(e);
                 if (f.w == 0) {
@@ -38119,70 +38122,126 @@ 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 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) {
+    __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 = getAllPropertyNames(IgcToolActionSeparatorComponent);
+                for (var i = 0; i < names.length; i++) {
+                    names[i] = 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;
+            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 = ensureBool(v);
+            this.i.hm = 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();
+        TypeRegistrar.registerCons("IgcToolActionSeparatorComponent", IgcToolActionSeparatorComponent);
+        TypeRegistrar.register("ToolActionSeparator", ToolActionSeparator.$type);
+    };
+    return IgcToolActionSeparatorModule;
 }());
 
 /*
@@ -38192,18 +38251,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 IgcToolActionIconButtonComponent = /** @class */ /*@__PURE__*/ (function (_super) {
-    __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) {
+    __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
                                      */
@@ -38213,7 +38269,7 @@ var IgcToolActionIconButtonComponent = /** @class */ /*@__PURE__*/ (function (_s
         enumerable: false,
         configurable: true
     });
-    IgcToolActionIconButtonComponent.prototype.connectedCallback = function () {
+    IgcToolActionRadioComponent.prototype.connectedCallback = function () {
         if (_super.prototype["connectedCallback"]) {
             _super.prototype["connectedCallback"].call(this);
         }
@@ -38231,7 +38287,7 @@ var IgcToolActionIconButtonComponent = /** @class */ /*@__PURE__*/ (function (_s
             this._flushQueuedAttributes();
         }
     };
-    IgcToolActionIconButtonComponent.prototype.disconnectedCallback = function () {
+    IgcToolActionRadioComponent.prototype.disconnectedCallback = function () {
         if (_super.prototype["disconnectedCallback"]) {
             _super.prototype["disconnectedCallback"].call(this);
         }
@@ -38242,335 +38298,189 @@ var IgcToolActionIconButtonComponent = /** @class */ /*@__PURE__*/ (function (_s
             this._attached = false;
         }
     };
-    Object.defineProperty(IgcToolActionIconButtonComponent, "observedAttributes", {
+    Object.defineProperty(IgcToolActionRadioComponent, "observedAttributes", {
         get: function () {
-            if (IgcToolActionIconButtonComponent._observedAttributesIgcToolActionIconButtonComponent == null) {
-                var names = getAllPropertyNames(IgcToolActionIconButtonComponent);
+            if (IgcToolActionRadioComponent._observedAttributesIgcToolActionRadioComponent == null) {
+                var names = getAllPropertyNames(IgcToolActionRadioComponent);
                 for (var i = 0; i < names.length; i++) {
                     names[i] = 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;
-            RegisterElementHelper.registerElement(IgcToolActionIconButtonComponent.htmlTagName, IgcToolActionIconButtonComponent);
+    IgcToolActionRadioComponent.register = function () {
+        if (!IgcToolActionRadioComponent._isElementRegistered) {
+            IgcToolActionRadioComponent._isElementRegistered = true;
+            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 = 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 = 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 brushToString(this.i.ia);
         },
         set: function (v) {
-            this.i.ik = +v;
-            this._a("actualContentPaddingLeft", this.i.ik);
+            this.i.ia = stringToBrush(v);
+            this._a("uncheckedBackgroundColor", 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 brushToString(this.i.h6);
         },
         set: function (v) {
-            this.i.ir = +v;
-            this._a("contentPaddingTop", this.i.ir);
+            this.i.h6 = stringToBrush(v);
+            this._a("actualUncheckedBackgroundColor", 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 brushToString(this.i.h8);
         },
         set: function (v) {
-            this.i.im = +v;
-            this._a("actualContentPaddingTop", this.i.im);
+            this.i.h8 = stringToBrush(v);
+            this._a("checkedBackgroundColor", 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 brushToString(this.i.h4);
         },
         set: function (v) {
-            this.i.iq = +v;
-            this._a("contentPaddingRight", this.i.iq);
+            this.i.h4 = stringToBrush(v);
+            this._a("actualCheckedBackgroundColor", 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 brushToString(this.i.ib);
         },
         set: function (v) {
-            this.i.il = +v;
-            this._a("actualContentPaddingRight", this.i.il);
+            this.i.ib = stringToBrush(v);
+            this._a("uncheckedBorderColor", 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 = 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 = 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();
-        TypeRegistrar.registerCons("IgcToolActionIconButtonComponent", IgcToolActionIconButtonComponent);
-        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) {
-    __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 = getAllPropertyNames(IgcToolActionIconMenuComponent);
-                for (var i = 0; i < names.length; i++) {
-                    names[i] = toSpinal(names[i]);
-                }
-                IgcToolActionIconMenuComponent._observedAttributesIgcToolActionIconMenuComponent = names;
-            }
-            return IgcToolActionIconMenuComponent._observedAttributesIgcToolActionIconMenuComponent;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    IgcToolActionIconMenuComponent.register = function () {
-        if (!IgcToolActionIconMenuComponent._isElementRegistered) {
-            IgcToolActionIconMenuComponent._isElementRegistered = true;
-            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 brushToString(this.i.kd);
+            return brushToString(this.i.h7);
         },
         set: function (v) {
-            this.i.kd = stringToBrush(v);
-            this._a("arrowStroke", brushToString(this.i.kd));
+            this.i.h7 = stringToBrush(v);
+            this._a("actualUncheckedBorderColor", 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 brushToString(this.i.kc);
+            return brushToString(this.i.h9);
         },
         set: function (v) {
-            this.i.kc = stringToBrush(v);
-            this._a("actualArrowStroke", brushToString(this.i.kc));
+            this.i.h9 = stringToBrush(v);
+            this._a("checkedBorderColor", 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 brushToString(this.i.h5);
         },
         set: function (v) {
-            this.i.j1 = ensureBool(v);
-            this._a("showArrowIcon", this.i.j1);
+            this.i.h5 = stringToBrush(v);
+            this._a("actualCheckedBorderColor", 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:
@@ -38578,15 +38488,15 @@ 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 IgcToolActionIconMenuModule = /** @class */ /*@__PURE__*/ (function () {
-    function IgcToolActionIconMenuModule() {
+var IgcToolActionRadioModule = /** @class */ /*@__PURE__*/ (function () {
+    function IgcToolActionRadioModule() {
     }
-    IgcToolActionIconMenuModule.register = function () {
-        IgcToolActionIconMenuComponent.register();
-        TypeRegistrar.registerCons("IgcToolActionIconMenuComponent", IgcToolActionIconMenuComponent);
-        TypeRegistrar.register("ToolActionIconMenu", ToolActionIconMenu.$type);
+    IgcToolActionRadioModule.register = function () {
+        IgcToolActionRadioComponent.register();
+        TypeRegistrar.registerCons("IgcToolActionRadioComponent", IgcToolActionRadioComponent);
+        TypeRegistrar.register("ToolActionRadio", ToolActionRadio.$type);
     };
-    return IgcToolActionIconMenuModule;
+    return IgcToolActionRadioModule;
 }());
 
 /*
@@ -38596,15 +38506,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 IgcToolActionSeparatorComponent = /** @class */ /*@__PURE__*/ (function (_super) {
-    __extends(IgcToolActionSeparatorComponent, _super);
-    function IgcToolActionSeparatorComponent() {
+var IgcToolActionButtonComponent = /** @class */ /*@__PURE__*/ (function (_super) {
+    __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
                                      */
@@ -38614,7 +38524,7 @@ var IgcToolActionSeparatorComponent = /** @class */ /*@__PURE__*/ (function (_su
         enumerable: false,
         configurable: true
     });
-    IgcToolActionSeparatorComponent.prototype.connectedCallback = function () {
+    IgcToolActionButtonComponent.prototype.connectedCallback = function () {
         if (_super.prototype["connectedCallback"]) {
             _super.prototype["connectedCallback"].call(this);
         }
@@ -38632,7 +38542,7 @@ var IgcToolActionSeparatorComponent = /** @class */ /*@__PURE__*/ (function (_su
             this._flushQueuedAttributes();
         }
     };
-    IgcToolActionSeparatorComponent.prototype.disconnectedCallback = function () {
+    IgcToolActionButtonComponent.prototype.disconnectedCallback = function () {
         if (_super.prototype["disconnectedCallback"]) {
             _super.prototype["disconnectedCallback"].call(this);
         }
@@ -38643,62 +38553,62 @@ var IgcToolActionSeparatorComponent = /** @class */ /*@__PURE__*/ (function (_su
             this._attached = false;
         }
     };
-    Object.defineProperty(IgcToolActionSeparatorComponent, "observedAttributes", {
+    Object.defineProperty(IgcToolActionButtonComponent, "observedAttributes", {
         get: function () {
-            if (IgcToolActionSeparatorComponent._observedAttributesIgcToolActionSeparatorComponent == null) {
-                var names = getAllPropertyNames(IgcToolActionSeparatorComponent);
+            if (IgcToolActionButtonComponent._observedAttributesIgcToolActionButtonComponent == null) {
+                var names = getAllPropertyNames(IgcToolActionButtonComponent);
                 for (var i = 0; i < names.length; i++) {
                     names[i] = 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;
-            RegisterElementHelper.registerElement(IgcToolActionSeparatorComponent.htmlTagName, IgcToolActionSeparatorComponent);
+    IgcToolActionButtonComponent.register = function () {
+        if (!IgcToolActionButtonComponent._isElementRegistered) {
+            IgcToolActionButtonComponent._isElementRegistered = true;
+            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 = ensureEnum(ToolActionButtonDisplayType_$type, v);
+            this._a("displayType", 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 = 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));
 
 /*
@@ -38707,15 +38617,15 @@ 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() {
+var IgcToolActionButtonModule = /** @class */ /*@__PURE__*/ (function () {
+    function IgcToolActionButtonModule() {
     }
-    IgcToolActionSeparatorModule.register = function () {
-        IgcToolActionSeparatorComponent.register();
-        TypeRegistrar.registerCons("IgcToolActionSeparatorComponent", IgcToolActionSeparatorComponent);
-        TypeRegistrar.register("ToolActionSeparator", ToolActionSeparator.$type);
+    IgcToolActionButtonModule.register = function () {
+        IgcToolActionButtonComponent.register();
+        TypeRegistrar.registerCons("IgcToolActionButtonComponent", IgcToolActionButtonComponent);
+        TypeRegistrar.register("ToolActionButton", ToolActionButton.$type);
     };
-    return IgcToolActionSeparatorModule;
+    return IgcToolActionButtonModule;
 }());
 
 /*
@@ -38840,15 +38750,91 @@ 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 IgcToolActionRadioComponent = /** @class */ /*@__PURE__*/ (function (_super) {
-    __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 = 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) {
+    __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
                                      */
@@ -38858,7 +38844,7 @@ var IgcToolActionRadioComponent = /** @class */ /*@__PURE__*/ (function (_super)
         enumerable: false,
         configurable: true
     });
-    IgcToolActionRadioComponent.prototype.connectedCallback = function () {
+    IgcToolActionIconButtonComponent.prototype.connectedCallback = function () {
         if (_super.prototype["connectedCallback"]) {
             _super.prototype["connectedCallback"].call(this);
         }
@@ -38876,7 +38862,7 @@ var IgcToolActionRadioComponent = /** @class */ /*@__PURE__*/ (function (_super)
             this._flushQueuedAttributes();
         }
     };
-    IgcToolActionRadioComponent.prototype.disconnectedCallback = function () {
+    IgcToolActionIconButtonComponent.prototype.disconnectedCallback = function () {
         if (_super.prototype["disconnectedCallback"]) {
             _super.prototype["disconnectedCallback"].call(this);
         }
@@ -38887,188 +38873,191 @@ var IgcToolActionRadioComponent = /** @class */ /*@__PURE__*/ (function (_super)
             this._attached = false;
         }
     };
-    Object.defineProperty(IgcToolActionRadioComponent, "observedAttributes", {
+    Object.defineProperty(IgcToolActionIconButtonComponent, "observedAttributes", {
         get: function () {
-            if (IgcToolActionRadioComponent._observedAttributesIgcToolActionRadioComponent == null) {
-                var names = getAllPropertyNames(IgcToolActionRadioComponent);
+            if (IgcToolActionIconButtonComponent._observedAttributesIgcToolActionIconButtonComponent == null) {
+                var names = getAllPropertyNames(IgcToolActionIconButtonComponent);
                 for (var i = 0; i < names.length; i++) {
                     names[i] = 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;
-            RegisterElementHelper.registerElement(IgcToolActionRadioComponent.htmlTagName, IgcToolActionRadioComponent);
+    IgcToolActionIconButtonComponent.register = function () {
+        if (!IgcToolActionIconButtonComponent._isElementRegistered) {
+            IgcToolActionIconButtonComponent._isElementRegistered = true;
+            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 = 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 = 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 brushToString(this.i.ia);
+            return this.i.ik;
         },
         set: function (v) {
-            this.i.ia = stringToBrush(v);
-            this._a("uncheckedBackgroundColor", 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 brushToString(this.i.h6);
+            return this.i.ir;
         },
         set: function (v) {
-            this.i.h6 = stringToBrush(v);
-            this._a("actualUncheckedBackgroundColor", 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 brushToString(this.i.h8);
+            return this.i.im;
         },
         set: function (v) {
-            this.i.h8 = stringToBrush(v);
-            this._a("checkedBackgroundColor", 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 brushToString(this.i.h4);
+            return this.i.iq;
         },
         set: function (v) {
-            this.i.h4 = stringToBrush(v);
-            this._a("actualCheckedBackgroundColor", 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 brushToString(this.i.ib);
+            return this.i.il;
         },
         set: function (v) {
-            this.i.ib = stringToBrush(v);
-            this._a("uncheckedBorderColor", 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 brushToString(this.i.h7);
+            return this.i.io;
         },
         set: function (v) {
-            this.i.h7 = stringToBrush(v);
-            this._a("actualUncheckedBorderColor", 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 brushToString(this.i.h9);
+            return this.i.ij;
         },
         set: function (v) {
-            this.i.h9 = stringToBrush(v);
-            this._a("checkedBorderColor", 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 brushToString(this.i.h5);
-        },
-        set: function (v) {
-            this.i.h5 = stringToBrush(v);
-            this._a("actualCheckedBorderColor", 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 = 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 = 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));
 
 /*
@@ -39077,15 +39066,15 @@ 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 IgcToolActionRadioModule = /** @class */ /*@__PURE__*/ (function () {
-    function IgcToolActionRadioModule() {
+var IgcToolActionIconButtonModule = /** @class */ /*@__PURE__*/ (function () {
+    function IgcToolActionIconButtonModule() {
     }
-    IgcToolActionRadioModule.register = function () {
-        IgcToolActionRadioComponent.register();
-        TypeRegistrar.registerCons("IgcToolActionRadioComponent", IgcToolActionRadioComponent);
-        TypeRegistrar.register("ToolActionRadio", ToolActionRadio.$type);
+    IgcToolActionIconButtonModule.register = function () {
+        IgcToolActionIconButtonComponent.register();
+        TypeRegistrar.registerCons("IgcToolActionIconButtonComponent", IgcToolActionIconButtonComponent);
+        TypeRegistrar.register("ToolActionIconButton", ToolActionIconButton.$type);
     };
-    return IgcToolActionRadioModule;
+    return IgcToolActionIconButtonModule;
 }());
 
 /*
@@ -39095,15 +39084,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 IgcToolActionButtonComponent = /** @class */ /*@__PURE__*/ (function (_super) {
-    __extends(IgcToolActionButtonComponent, _super);
-    function IgcToolActionButtonComponent() {
+var IgcToolActionIconMenuComponent = /** @class */ /*@__PURE__*/ (function (_super) {
+    __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
                                      */
@@ -39113,7 +39102,7 @@ var IgcToolActionButtonComponent = /** @class */ /*@__PURE__*/ (function (_super
         enumerable: false,
         configurable: true
     });
-    IgcToolActionButtonComponent.prototype.connectedCallback = function () {
+    IgcToolActionIconMenuComponent.prototype.connectedCallback = function () {
         if (_super.prototype["connectedCallback"]) {
             _super.prototype["connectedCallback"].call(this);
         }
@@ -39131,7 +39120,7 @@ var IgcToolActionButtonComponent = /** @class */ /*@__PURE__*/ (function (_super
             this._flushQueuedAttributes();
         }
     };
-    IgcToolActionButtonComponent.prototype.disconnectedCallback = function () {
+    IgcToolActionIconMenuComponent.prototype.disconnectedCallback = function () {
         if (_super.prototype["disconnectedCallback"]) {
             _super.prototype["disconnectedCallback"].call(this);
         }
@@ -39142,63 +39131,77 @@ var IgcToolActionButtonComponent = /** @class */ /*@__PURE__*/ (function (_super
             this._attached = false;
         }
     };
-    Object.defineProperty(IgcToolActionButtonComponent, "observedAttributes", {
+    Object.defineProperty(IgcToolActionIconMenuComponent, "observedAttributes", {
         get: function () {
-            if (IgcToolActionButtonComponent._observedAttributesIgcToolActionButtonComponent == null) {
-                var names = getAllPropertyNames(IgcToolActionButtonComponent);
+            if (IgcToolActionIconMenuComponent._observedAttributesIgcToolActionIconMenuComponent == null) {
+                var names = getAllPropertyNames(IgcToolActionIconMenuComponent);
                 for (var i = 0; i < names.length; i++) {
                     names[i] = 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;
-            RegisterElementHelper.registerElement(IgcToolActionButtonComponent.htmlTagName, IgcToolActionButtonComponent);
+    IgcToolActionIconMenuComponent.register = function () {
+        if (!IgcToolActionIconMenuComponent._isElementRegistered) {
+            IgcToolActionIconMenuComponent._isElementRegistered = true;
+            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 brushToString(this.i.kd);
         },
         set: function (v) {
-            this.i.hm = ensureEnum(ToolActionButtonDisplayType_$type, v);
-            this._a("displayType", enumToString(ToolActionButtonDisplayType_$type, this.i.hm));
+            this.i.kd = stringToBrush(v);
+            this._a("arrowStroke", 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 brushToString(this.i.kc);
         },
         set: function (v) {
-            this.i.hq = +v;
-            this._a("cornerRadius", this.i.hq);
+            this.i.kc = stringToBrush(v);
+            this._a("actualArrowStroke", 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 = 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:
@@ -39206,15 +39209,15 @@ 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 IgcToolActionButtonModule = /** @class */ /*@__PURE__*/ (function () {
-    function IgcToolActionButtonModule() {
+var IgcToolActionIconMenuModule = /** @class */ /*@__PURE__*/ (function () {
+    function IgcToolActionIconMenuModule() {
     }
-    IgcToolActionButtonModule.register = function () {
-        IgcToolActionButtonComponent.register();
-        TypeRegistrar.registerCons("IgcToolActionButtonComponent", IgcToolActionButtonComponent);
-        TypeRegistrar.register("ToolActionButton", ToolActionButton.$type);
+    IgcToolActionIconMenuModule.register = function () {
+        IgcToolActionIconMenuComponent.register();
+        TypeRegistrar.registerCons("IgcToolActionIconMenuComponent", IgcToolActionIconMenuComponent);
+        TypeRegistrar.register("ToolActionIconMenu", ToolActionIconMenu.$type);
     };
-    return IgcToolActionButtonModule;
+    return IgcToolActionIconMenuModule;
 }());
 
 /*
@@ -40877,10 +40880,7 @@ var IgcToolPanelModule = /** @class */ /*@__PURE__*/ (function () {
         IgcToolActionGroupHeaderModule.register();
         IgcToolActionFieldSelectorModule.register();
         IgcToolActionNumberInputModule.register();
-        IgcToolActionIconButtonModule.register();
-        IgcToolActionIconMenuModule.register();
         IgcToolActionSeparatorModule.register();
-        IgcToolActionSubPanelModule.register();
         IgcToolActionRadioModule.register();
         IgcToolActionButtonModule.register();
         IgcXInputGroupModule.register();
@@ -40889,6 +40889,9 @@ var IgcToolPanelModule = /** @class */ /*@__PURE__*/ (function () {
         IgcXIconModule.register();
         IgcColorEditorModule.register();
         IgcMultiSliderModule.register();
+        IgcToolActionSubPanelModule.register();
+        IgcToolActionIconButtonModule.register();
+        IgcToolActionIconMenuModule.register();
         IgcToolPanelComponent.register();
         TypeRegistrar.registerCons('IgcToolPanelComponent', IgcToolPanelComponent);
         TypeRegistrar.registerCons('IgcToolPanelComponent', IgcToolPanelComponent);
@@ -42706,18 +42709,18 @@ var PropertyEditorTreeTransformer = /** @class */ /*@__PURE__*/ (function (_supe
         var a = new DescriptionSerializerBuilder();
         var b = new 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 = markType(PropertyEditorTreeTransformer, 'PropertyEditorTreeTransformer');