igniteui-webcomponents-layouts 4.0.2 → 4.0.4

package/fesm2015/igniteui-webcomponents-layouts.js

@@ -3075,6 +3075,9 @@ let PropertyEditorDataSource = /*@__PURE__*/ (() => {
                     if (stringEndsWith(c[d], "@mustSetInCode")) {
                         continue;
                     }
+                    if (stringEndsWith(c[d], "@stringUnion")) {
+                        continue;
+                    }
                     let e = this.b.getMetadata(this.n, c[d]);
                     let f = this.f(e);
                     if (f.n == 0) {
@@ -3713,11 +3716,13 @@ let IgcPropertyEditorPropertyDescriptionComponent = /*@__PURE__*/ (() => {
             }
             if (!r.externalObject) {
                 let e = new IgcPropertyEditorDescriptionObject();
-                if (e.i.setNativeElement) {
-                    e.i.setNativeElement(r);
+                if (r.$type) {
+                    e._implementation = r;
                 }
                 else {
-                    e._implementation = r;
+                    if (e.i.setNativeElement) {
+                        e.i.setNativeElement(r);
+                    }
                 }
                 r.externalObject = e;
             }
@@ -7556,11 +7561,13 @@ class IgcListPanelTemplateItemUpdatingEventArgs {
         }
         if (!r.externalObject) {
             let e = new IgcListPanelItemModel();
-            if (e.i.setNativeElement) {
-                e.i.setNativeElement(r);
+            if (r.$type) {
+                e._implementation = r;
             }
             else {
-                e._implementation = r;
+                if (e.i.setNativeElement) {
+                    e.i.setNativeElement(r);
+                }
             }
             r.externalObject = e;
         }
@@ -8876,7 +8883,7 @@ let ToolActionRadio = /*@__PURE__*/ (() => {
                 b.a7(0, 2, 1);
                 b.a6(0, 1, isNaN_(h.e) ? 0 : h.e);
                 b.a6(1, 1, isNaN_(h.g) ? 0 : h.g);
-                b.a6(1, 2, 1);
+                b.a6(2, 2, 1);
                 b.as = new Thickness(1, this.r, this.t, this.s, this.q);
                 if (b.av == 0) {
                     b.aw(c);
@@ -10136,11 +10143,13 @@ class IgcToolActionPerformedEventArgs {
         }
         if (!r.externalObject) {
             let e = new IgcToolActionEventDetail();
-            if (e.i.setNativeElement) {
-                e.i.setNativeElement(r);
+            if (r.$type) {
+                e._implementation = r;
             }
             else {
-                e._implementation = r;
+                if (e.i.setNativeElement) {
+                    e.i.setNativeElement(r);
+                }
             }
             r.externalObject = e;
         }
@@ -12439,6 +12448,171 @@ var PopupDirection = /*@__PURE__*/ (function (PopupDirection) {
  */
 let PopupDirection_$type = /*@__PURE__*/ markEnum('PopupDirection', 'Auto,0|Down,1|Up,2');
 
+/*
+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.
+*/
+/**
+ * @hidden
+ */
+let ToolActionButton = /*@__PURE__*/ (() => {
+    class ToolActionButton extends ToolAction {
+        constructor() {
+            super(...arguments);
+            this.be = null;
+        }
+        get_f() {
+            return 9;
+        }
+        g() {
+            return null;
+        }
+        b(a) {
+            let b = new ToolActionEventDetail();
+            b.a = this;
+            b.b = this.f;
+            b.d = a;
+            return b;
+        }
+        p(a, b) {
+            if (this.ap == null) {
+                return NaN;
+            }
+            let c = 88;
+            if (this.be != null) {
+                let d = new Size(0);
+                d.width = Number.POSITIVE_INFINITY;
+                d.height = Number.POSITIVE_INFINITY;
+                let e = this.be.ap(d);
+                c = e.width;
+            }
+            return c;
+        }
+        bg(a, b, c, d, e, f, g) {
+            if (a.w == null || EnumUtil.getEnumValue(ToolActionType_$type, a.w) != this.f) {
+                a.a0 = b;
+                if (g.a == 1) {
+                    b.d = 0;
+                }
+                else {
+                    b.d = 3;
+                }
+                b.a7(0, 2, 1);
+                b.a6(0, 0, 1);
+                b.as = new Thickness(1, this.r, this.t, this.s, this.q);
+                if (b.av == 0) {
+                    b.aw(c);
+                }
+                b.bb(c, 0);
+                b.ba(c, 0);
+                this.be = c;
+                this.be.av = 2;
+                this.be.au = runOn(this, this.bf);
+            }
+            c.aw = this.ap;
+            b.h = f.a.j;
+        }
+        bf(a, b) {
+            this.a9(this.b(true), this);
+        }
+        bb(a, b, c, d) {
+            super.bb(a, b, c, d);
+            let e = c.b;
+            if (e.a0 == null || (e.w == null || EnumUtil.getEnumValue(ToolActionType_$type, e.w) != this.f)) {
+                NativeUIComponent.ab(b.l.r(), [7, 1], (f) => {
+                    let g = f[0];
+                    let h = f[1];
+                    e.a0 = g;
+                    this.bg(e, g, h, a, b, c, d);
+                });
+            }
+            else {
+                let f = e.a0;
+                let g = f.au(0);
+                this.bg(e, f, g, a, b, c, d);
+            }
+        }
+    }
+    ToolActionButton.$t = /*@__PURE__*/ markType(ToolActionButton, 'ToolActionButton', ToolAction.$);
+    return ToolActionButton;
+})();
+
+let IgcToolActionButtonComponent = /*@__PURE__*/ (() => {
+    class IgcToolActionButtonComponent extends IgcToolActionComponent {
+        constructor() {
+            super();
+        }
+        createImplementation() {
+            return new ToolActionButton();
+        }
+        /**
+                                     * @hidden
+                                     */
+        get i() {
+            return this._implementation;
+        }
+        connectedCallback() {
+            if (super["connectedCallback"]) {
+                super["connectedCallback"]();
+            }
+            if (this.i.connectedCallback) {
+                this.i.connectedCallback();
+            }
+            if (!this._attached) {
+                this._attached = true;
+                this._flushQueuedAttributes();
+            }
+        }
+        disconnectedCallback() {
+            if (super["disconnectedCallback"]) {
+                super["disconnectedCallback"]();
+            }
+            if (this.i.disconnectedCallback) {
+                this.i.disconnectedCallback();
+            }
+            if (this._attached) {
+                this._attached = false;
+            }
+        }
+        static get observedAttributes() {
+            if (IgcToolActionButtonComponent._observedAttributesIgcToolActionButtonComponent == null) {
+                let names = getAllPropertyNames(IgcToolActionButtonComponent);
+                for (let i = 0; i < names.length; i++) {
+                    names[i] = toSpinal(names[i]);
+                }
+                IgcToolActionButtonComponent._observedAttributesIgcToolActionButtonComponent = names;
+            }
+            return IgcToolActionButtonComponent._observedAttributesIgcToolActionButtonComponent;
+        }
+        static register() {
+            if (!IgcToolActionButtonComponent._isElementRegistered) {
+                IgcToolActionButtonComponent._isElementRegistered = true;
+                RegisterElementHelper.registerElement(IgcToolActionButtonComponent.htmlTagName, IgcToolActionButtonComponent);
+            }
+        }
+    }
+    IgcToolActionButtonComponent._observedAttributesIgcToolActionButtonComponent = null;
+    IgcToolActionButtonComponent.htmlTagName = "igc-tool-action-button";
+    IgcToolActionButtonComponent._isElementRegistered = false;
+    return IgcToolActionButtonComponent;
+})();
+
+/*
+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.
+*/
+class IgcToolActionButtonModule {
+    static register() {
+        IgcToolActionButtonComponent.register();
+        TypeRegistrar.registerCons("IgcToolActionButtonComponent", IgcToolActionButtonComponent);
+        TypeRegistrar.register("ToolActionButton", ToolActionButton.$type);
+    }
+}
+
 /*
 THIS INFRAGISTICS ULTIMATE SOFTWARE LICENSE  AGREEMENT ("AGREEMENT") LOCATED HERE:
 https://www.infragistics.com/legal/license/igultimate-la
@@ -12953,4 +13127,4 @@ class IgcPropertyEditorDataSource {
     }
 }
 
-export { ExpansionPanelUtilities, ExpansionPanelView, HorizontalPropertyEditorPanelDataSource, IExternalListPanel_$type, IExternalToolPanel_$type, IExternalToolbar_$type, IListPanelView_$type, IPropertyEditorPanelView_$type, IToolPanelView_$type, IToolbarView_$type, IgcHorizontalPropertyEditorPanelDataSource, IgcListPanelComponent, IgcListPanelContentRefreshedEventArgs, IgcListPanelItemModel, IgcListPanelModule, IgcListPanelTemplateHeightRequestedEventArgs, IgcListPanelTemplateItemUpdatingEventArgs, IgcListPanelTemplateWidthRequestedEventArgs, IgcOnClosedEventArgs, IgcOnCollapsedEventArgs, IgcOnExpandedEventArgs, IgcOnPopupEventArgs, IgcPopupComponent, IgcPopupModule, IgcPropertyEditorDataSource, IgcPropertyEditorDescriptionObject, IgcPropertyEditorDescriptionObjectCollection, IgcPropertyEditorPanelComponent, IgcPropertyEditorPanelModule, IgcPropertyEditorPropertyDescriptionButtonClickEventArgs, IgcPropertyEditorPropertyDescriptionChangedEventArgs, IgcPropertyEditorPropertyDescriptionCollection, IgcPropertyEditorPropertyDescriptionComponent, IgcPropertyEditorPropertyDescriptionModule, IgcPropertyEditorPropertyDescriptionTargetPropertyUpdatingEventArgs, IgcToolActionCheckboxComponent, IgcToolActionCheckboxModule, IgcToolActionCollection, IgcToolActionComponent, IgcToolActionEventDetail, IgcToolActionEventDetailCollection, IgcToolActionGroupHeaderComponent, IgcToolActionGroupHeaderModule, IgcToolActionIconButtonComponent, IgcToolActionIconButtonModule, IgcToolActionIconMenuComponent, IgcToolActionIconMenuModule, IgcToolActionLabelComponent, IgcToolActionLabelModule, IgcToolActionMenuBaseComponent, IgcToolActionModule, IgcToolActionNumberInputComponent, IgcToolActionNumberInputModule, IgcToolActionPerformedEventArgs, IgcToolActionRadioComponent, IgcToolActionRadioModule, IgcToolActionSeparatorComponent, IgcToolActionSeparatorModule, IgcToolCommandEventArgs, IgcToolPanelComponent, IgcToolPanelContentRefreshedEventArgs, IgcToolPanelModule, IgcToolbarComponent, IgcToolbarModule, IgcXExpansionPanelComponent, IgcXExpansionPanelModule, ListPanel, ListPanelContentRefreshedEventArgs, ListPanelDataBindingEventArgs, ListPanelDataSourceNotificationBridge, ListPanelItemModel, ListPanelItemPresenter, ListPanelLayoutPanel, ListPanelOrientation, ListPanelOrientation_$type, ListPanelTemplateHeightRequestedEventArgs, ListPanelTemplateItemUpdatingEventArgs, ListPanelTemplateWidthRequestedEventArgs, ListPanelView, OnClosedEventArgs, OnCollapsedEventArgs, OnExpandedEventArgs, OnPopupEventArgs, Popup, PopupAlignment, PopupAlignment_$type, PopupDirection, PopupDirection_$type, PopupView, PopupVisualModelExport, Popup_InnerAnimationInfo, Popup_OuterAnimationInfo, PropertyEditorDataSource, PropertyEditorDescriptionObject, PropertyEditorDescriptionObjectCollection, PropertyEditorPanel, PropertyEditorPanelColumnDefinition, PropertyEditorPanelColumnFieldType_$type, PropertyEditorPanelColumnType_$type, PropertyEditorPanelDataBindingEventArgs, PropertyEditorPanelDropDownDataListItem, PropertyEditorPanelTemplateCellUpdatingEventArgs, PropertyEditorPanelView, PropertyEditorPropertyDescription, PropertyEditorPropertyDescriptionButtonClickEventArgs, PropertyEditorPropertyDescriptionChangedEventArgs, PropertyEditorPropertyDescriptionCollection, PropertyEditorPropertyDescriptionTargetPropertyUpdatingEventArgs, PropertyEditorTreeTransformer, PropertyEditorValueType, PropertyEditorValueType_$type, ToolAction, ToolActionCheckbox, ToolActionCollection, ToolActionEventDetail, ToolActionEventDetailCollection, ToolActionGroupHeader, ToolActionIconButton, ToolActionIconMenu, ToolActionLabel, ToolActionMeasurementContext, ToolActionMenuBase, ToolActionNumberInput, ToolActionPerformedEventArgs, ToolActionRadio, ToolActionSeparator, ToolCommandEventArgs, ToolPanel, ToolPanelContentRefreshedEventArgs, ToolPanelOrientation, ToolPanelOrientation_$type, ToolPanelView, Toolbar, ToolbarIconManager, ToolbarOrientation, ToolbarOrientation_$type, ToolbarView, XExpansionPanel };
+export { ExpansionPanelUtilities, ExpansionPanelView, HorizontalPropertyEditorPanelDataSource, IExternalListPanel_$type, IExternalToolPanel_$type, IExternalToolbar_$type, IListPanelView_$type, IPropertyEditorPanelView_$type, IToolPanelView_$type, IToolbarView_$type, IgcHorizontalPropertyEditorPanelDataSource, IgcListPanelComponent, IgcListPanelContentRefreshedEventArgs, IgcListPanelItemModel, IgcListPanelModule, IgcListPanelTemplateHeightRequestedEventArgs, IgcListPanelTemplateItemUpdatingEventArgs, IgcListPanelTemplateWidthRequestedEventArgs, IgcOnClosedEventArgs, IgcOnCollapsedEventArgs, IgcOnExpandedEventArgs, IgcOnPopupEventArgs, IgcPopupComponent, IgcPopupModule, IgcPropertyEditorDataSource, IgcPropertyEditorDescriptionObject, IgcPropertyEditorDescriptionObjectCollection, IgcPropertyEditorPanelComponent, IgcPropertyEditorPanelModule, IgcPropertyEditorPropertyDescriptionButtonClickEventArgs, IgcPropertyEditorPropertyDescriptionChangedEventArgs, IgcPropertyEditorPropertyDescriptionCollection, IgcPropertyEditorPropertyDescriptionComponent, IgcPropertyEditorPropertyDescriptionModule, IgcPropertyEditorPropertyDescriptionTargetPropertyUpdatingEventArgs, IgcToolActionButtonComponent, IgcToolActionButtonModule, IgcToolActionCheckboxComponent, IgcToolActionCheckboxModule, IgcToolActionCollection, IgcToolActionComponent, IgcToolActionEventDetail, IgcToolActionEventDetailCollection, IgcToolActionGroupHeaderComponent, IgcToolActionGroupHeaderModule, IgcToolActionIconButtonComponent, IgcToolActionIconButtonModule, IgcToolActionIconMenuComponent, IgcToolActionIconMenuModule, IgcToolActionLabelComponent, IgcToolActionLabelModule, IgcToolActionMenuBaseComponent, IgcToolActionModule, IgcToolActionNumberInputComponent, IgcToolActionNumberInputModule, IgcToolActionPerformedEventArgs, IgcToolActionRadioComponent, IgcToolActionRadioModule, IgcToolActionSeparatorComponent, IgcToolActionSeparatorModule, IgcToolCommandEventArgs, IgcToolPanelComponent, IgcToolPanelContentRefreshedEventArgs, IgcToolPanelModule, IgcToolbarComponent, IgcToolbarModule, IgcXExpansionPanelComponent, IgcXExpansionPanelModule, ListPanel, ListPanelContentRefreshedEventArgs, ListPanelDataBindingEventArgs, ListPanelDataSourceNotificationBridge, ListPanelItemModel, ListPanelItemPresenter, ListPanelLayoutPanel, ListPanelOrientation, ListPanelOrientation_$type, ListPanelTemplateHeightRequestedEventArgs, ListPanelTemplateItemUpdatingEventArgs, ListPanelTemplateWidthRequestedEventArgs, ListPanelView, OnClosedEventArgs, OnCollapsedEventArgs, OnExpandedEventArgs, OnPopupEventArgs, Popup, PopupAlignment, PopupAlignment_$type, PopupDirection, PopupDirection_$type, PopupView, PopupVisualModelExport, Popup_InnerAnimationInfo, Popup_OuterAnimationInfo, PropertyEditorDataSource, PropertyEditorDescriptionObject, PropertyEditorDescriptionObjectCollection, PropertyEditorPanel, PropertyEditorPanelColumnDefinition, PropertyEditorPanelColumnFieldType_$type, PropertyEditorPanelColumnType_$type, PropertyEditorPanelDataBindingEventArgs, PropertyEditorPanelDropDownDataListItem, PropertyEditorPanelTemplateCellUpdatingEventArgs, PropertyEditorPanelView, PropertyEditorPropertyDescription, PropertyEditorPropertyDescriptionButtonClickEventArgs, PropertyEditorPropertyDescriptionChangedEventArgs, PropertyEditorPropertyDescriptionCollection, PropertyEditorPropertyDescriptionTargetPropertyUpdatingEventArgs, PropertyEditorTreeTransformer, PropertyEditorValueType, PropertyEditorValueType_$type, ToolAction, ToolActionButton, ToolActionCheckbox, ToolActionCollection, ToolActionEventDetail, ToolActionEventDetailCollection, ToolActionGroupHeader, ToolActionIconButton, ToolActionIconMenu, ToolActionLabel, ToolActionMeasurementContext, ToolActionMenuBase, ToolActionNumberInput, ToolActionPerformedEventArgs, ToolActionRadio, ToolActionSeparator, ToolCommandEventArgs, ToolPanel, ToolPanelContentRefreshedEventArgs, ToolPanelOrientation, ToolPanelOrientation_$type, ToolPanelView, Toolbar, ToolbarIconManager, ToolbarOrientation, ToolbarOrientation_$type, ToolbarView, XExpansionPanel };

package/fesm5/igniteui-webcomponents-layouts.js

@@ -3561,6 +3561,9 @@ var PropertyEditorDataSource = /** @class */ /*@__PURE__*/ (function (_super) {
                 if (stringEndsWith(c[d], "@mustSetInCode")) {
                     continue;
                 }
+                if (stringEndsWith(c[d], "@stringUnion")) {
+                    continue;
+                }
                 var e = this.b.getMetadata(this.n, c[d]);
                 var f = this.f(e);
                 if (f.n == 0) {
@@ -4314,11 +4317,13 @@ var IgcPropertyEditorPropertyDescriptionComponent = /** @class */ /*@__PURE__*/
             }
             if (!r.externalObject) {
                 var e = new IgcPropertyEditorDescriptionObject();
-                if (e.i.setNativeElement) {
-                    e.i.setNativeElement(r);
+                if (r.$type) {
+                    e._implementation = r;
                 }
                 else {
-                    e._implementation = r;
+                    if (e.i.setNativeElement) {
+                        e.i.setNativeElement(r);
+                    }
                 }
                 r.externalObject = e;
             }
@@ -8542,11 +8547,13 @@ var IgcListPanelTemplateItemUpdatingEventArgs = /** @class */ /*@__PURE__*/ (fun
             }
             if (!r.externalObject) {
                 var e = new IgcListPanelItemModel();
-                if (e.i.setNativeElement) {
-                    e.i.setNativeElement(r);
+                if (r.$type) {
+                    e._implementation = r;
                 }
                 else {
-                    e._implementation = r;
+                    if (e.i.setNativeElement) {
+                        e.i.setNativeElement(r);
+                    }
                 }
                 r.externalObject = e;
             }
@@ -10053,7 +10060,7 @@ var ToolActionRadio = /** @class */ /*@__PURE__*/ (function (_super) {
             b.a7(0, 2, 1);
             b.a6(0, 1, isNaN_(h.e) ? 0 : h.e);
             b.a6(1, 1, isNaN_(h.g) ? 0 : h.g);
-            b.a6(1, 2, 1);
+            b.a6(2, 2, 1);
             b.as = new Thickness(1, this.r, this.t, this.s, this.q);
             if (b.av == 0) {
                 b.aw(c);
@@ -11438,11 +11445,13 @@ var IgcToolActionPerformedEventArgs = /** @class */ /*@__PURE__*/ (function () {
             }
             if (!r.externalObject) {
                 var e = new IgcToolActionEventDetail();
-                if (e.i.setNativeElement) {
-                    e.i.setNativeElement(r);
+                if (r.$type) {
+                    e._implementation = r;
                 }
                 else {
-                    e._implementation = r;
+                    if (e.i.setNativeElement) {
+                        e.i.setNativeElement(r);
+                    }
                 }
                 r.externalObject = e;
             }
@@ -14108,6 +14117,182 @@ var PopupDirection = /*@__PURE__*/ (function (PopupDirection) {
  */
 var PopupDirection_$type = /*@__PURE__*/ markEnum('PopupDirection', 'Auto,0|Down,1|Up,2');
 
+/*
+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.
+*/
+/**
+ * @hidden
+ */
+var ToolActionButton = /** @class */ /*@__PURE__*/ (function (_super) {
+    __extends(ToolActionButton, _super);
+    function ToolActionButton() {
+        var _this = _super !== null && _super.apply(this, arguments) || this;
+        _this.be = null;
+        return _this;
+    }
+    ToolActionButton.prototype.get_f = function () {
+        return 9;
+    };
+    ToolActionButton.prototype.g = function () {
+        return null;
+    };
+    ToolActionButton.prototype.b = function (a) {
+        var b = new ToolActionEventDetail();
+        b.a = this;
+        b.b = this.f;
+        b.d = a;
+        return b;
+    };
+    ToolActionButton.prototype.p = function (a, b) {
+        if (this.ap == null) {
+            return NaN;
+        }
+        var c = 88;
+        if (this.be != null) {
+            var d = new Size(0);
+            d.width = Number.POSITIVE_INFINITY;
+            d.height = Number.POSITIVE_INFINITY;
+            var e = this.be.ap(d);
+            c = e.width;
+        }
+        return c;
+    };
+    ToolActionButton.prototype.bg = function (a, b, c, d, e, f, g) {
+        if (a.w == null || EnumUtil.getEnumValue(ToolActionType_$type, a.w) != this.f) {
+            a.a0 = b;
+            if (g.a == 1) {
+                b.d = 0;
+            }
+            else {
+                b.d = 3;
+            }
+            b.a7(0, 2, 1);
+            b.a6(0, 0, 1);
+            b.as = new Thickness(1, this.r, this.t, this.s, this.q);
+            if (b.av == 0) {
+                b.aw(c);
+            }
+            b.bb(c, 0);
+            b.ba(c, 0);
+            this.be = c;
+            this.be.av = 2;
+            this.be.au = runOn(this, this.bf);
+        }
+        c.aw = this.ap;
+        b.h = f.a.j;
+    };
+    ToolActionButton.prototype.bf = function (a, b) {
+        this.a9(this.b(true), this);
+    };
+    ToolActionButton.prototype.bb = function (a, b, c, d) {
+        var _this = this;
+        _super.prototype.bb.call(this, a, b, c, d);
+        var e = c.b;
+        if (e.a0 == null || (e.w == null || EnumUtil.getEnumValue(ToolActionType_$type, e.w) != this.f)) {
+            NativeUIComponent.ab(b.l.r(), [7, 1], function (f) {
+                var g = f[0];
+                var h = f[1];
+                e.a0 = g;
+                _this.bg(e, g, h, a, b, c, d);
+            });
+        }
+        else {
+            var f = e.a0;
+            var g = f.au(0);
+            this.bg(e, f, g, a, b, c, d);
+        }
+    };
+    ToolActionButton.$t = markType(ToolActionButton, 'ToolActionButton', ToolAction.$);
+    return ToolActionButton;
+}(ToolAction));
+
+var IgcToolActionButtonComponent = /** @class */ /*@__PURE__*/ (function (_super) {
+    __extends(IgcToolActionButtonComponent, _super);
+    function IgcToolActionButtonComponent() {
+        return _super.call(this) || this;
+    }
+    IgcToolActionButtonComponent.prototype.createImplementation = function () {
+        return new ToolActionButton();
+    };
+    Object.defineProperty(IgcToolActionButtonComponent.prototype, "i", {
+        /**
+                                     * @hidden
+                                     */
+        get: function () {
+            return this._implementation;
+        },
+        enumerable: true,
+        configurable: true
+    });
+    IgcToolActionButtonComponent.prototype.connectedCallback = function () {
+        if (_super.prototype["connectedCallback"]) {
+            _super.prototype["connectedCallback"].call(this);
+        }
+        if (this.i.connectedCallback) {
+            this.i.connectedCallback();
+        }
+        if (!this._attached) {
+            this._attached = true;
+            this._flushQueuedAttributes();
+        }
+    };
+    IgcToolActionButtonComponent.prototype.disconnectedCallback = function () {
+        if (_super.prototype["disconnectedCallback"]) {
+            _super.prototype["disconnectedCallback"].call(this);
+        }
+        if (this.i.disconnectedCallback) {
+            this.i.disconnectedCallback();
+        }
+        if (this._attached) {
+            this._attached = false;
+        }
+    };
+    Object.defineProperty(IgcToolActionButtonComponent, "observedAttributes", {
+        get: function () {
+            if (IgcToolActionButtonComponent._observedAttributesIgcToolActionButtonComponent == null) {
+                var names = getAllPropertyNames(IgcToolActionButtonComponent);
+                for (var i = 0; i < names.length; i++) {
+                    names[i] = toSpinal(names[i]);
+                }
+                IgcToolActionButtonComponent._observedAttributesIgcToolActionButtonComponent = names;
+            }
+            return IgcToolActionButtonComponent._observedAttributesIgcToolActionButtonComponent;
+        },
+        enumerable: true,
+        configurable: true
+    });
+    IgcToolActionButtonComponent.register = function () {
+        if (!IgcToolActionButtonComponent._isElementRegistered) {
+            IgcToolActionButtonComponent._isElementRegistered = true;
+            RegisterElementHelper.registerElement(IgcToolActionButtonComponent.htmlTagName, IgcToolActionButtonComponent);
+        }
+    };
+    IgcToolActionButtonComponent._observedAttributesIgcToolActionButtonComponent = null;
+    IgcToolActionButtonComponent.htmlTagName = "igc-tool-action-button";
+    IgcToolActionButtonComponent._isElementRegistered = false;
+    return IgcToolActionButtonComponent;
+}(IgcToolActionComponent));
+
+/*
+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 IgcToolActionButtonModule = /** @class */ /*@__PURE__*/ (function () {
+    function IgcToolActionButtonModule() {
+    }
+    IgcToolActionButtonModule.register = function () {
+        IgcToolActionButtonComponent.register();
+        TypeRegistrar.registerCons("IgcToolActionButtonComponent", IgcToolActionButtonComponent);
+        TypeRegistrar.register("ToolActionButton", ToolActionButton.$type);
+    };
+    return IgcToolActionButtonModule;
+}());
+
 /*
 THIS INFRAGISTICS ULTIMATE SOFTWARE LICENSE  AGREEMENT ("AGREEMENT") LOCATED HERE:
 https://www.infragistics.com/legal/license/igultimate-la
@@ -14675,4 +14860,4 @@ var IgcPropertyEditorDataSource = /** @class */ /*@__PURE__*/ (function () {
     return IgcPropertyEditorDataSource;
 }());
 
-export { ExpansionPanelUtilities, ExpansionPanelView, HorizontalPropertyEditorPanelDataSource, IExternalListPanel_$type, IExternalToolPanel_$type, IExternalToolbar_$type, IListPanelView_$type, IPropertyEditorPanelView_$type, IToolPanelView_$type, IToolbarView_$type, IgcHorizontalPropertyEditorPanelDataSource, IgcListPanelComponent, IgcListPanelContentRefreshedEventArgs, IgcListPanelItemModel, IgcListPanelModule, IgcListPanelTemplateHeightRequestedEventArgs, IgcListPanelTemplateItemUpdatingEventArgs, IgcListPanelTemplateWidthRequestedEventArgs, IgcOnClosedEventArgs, IgcOnCollapsedEventArgs, IgcOnExpandedEventArgs, IgcOnPopupEventArgs, IgcPopupComponent, IgcPopupModule, IgcPropertyEditorDataSource, IgcPropertyEditorDescriptionObject, IgcPropertyEditorDescriptionObjectCollection, IgcPropertyEditorPanelComponent, IgcPropertyEditorPanelModule, IgcPropertyEditorPropertyDescriptionButtonClickEventArgs, IgcPropertyEditorPropertyDescriptionChangedEventArgs, IgcPropertyEditorPropertyDescriptionCollection, IgcPropertyEditorPropertyDescriptionComponent, IgcPropertyEditorPropertyDescriptionModule, IgcPropertyEditorPropertyDescriptionTargetPropertyUpdatingEventArgs, IgcToolActionCheckboxComponent, IgcToolActionCheckboxModule, IgcToolActionCollection, IgcToolActionComponent, IgcToolActionEventDetail, IgcToolActionEventDetailCollection, IgcToolActionGroupHeaderComponent, IgcToolActionGroupHeaderModule, IgcToolActionIconButtonComponent, IgcToolActionIconButtonModule, IgcToolActionIconMenuComponent, IgcToolActionIconMenuModule, IgcToolActionLabelComponent, IgcToolActionLabelModule, IgcToolActionMenuBaseComponent, IgcToolActionModule, IgcToolActionNumberInputComponent, IgcToolActionNumberInputModule, IgcToolActionPerformedEventArgs, IgcToolActionRadioComponent, IgcToolActionRadioModule, IgcToolActionSeparatorComponent, IgcToolActionSeparatorModule, IgcToolCommandEventArgs, IgcToolPanelComponent, IgcToolPanelContentRefreshedEventArgs, IgcToolPanelModule, IgcToolbarComponent, IgcToolbarModule, IgcXExpansionPanelComponent, IgcXExpansionPanelModule, ListPanel, ListPanelContentRefreshedEventArgs, ListPanelDataBindingEventArgs, ListPanelDataSourceNotificationBridge, ListPanelItemModel, ListPanelItemPresenter, ListPanelLayoutPanel, ListPanelOrientation, ListPanelOrientation_$type, ListPanelTemplateHeightRequestedEventArgs, ListPanelTemplateItemUpdatingEventArgs, ListPanelTemplateWidthRequestedEventArgs, ListPanelView, OnClosedEventArgs, OnCollapsedEventArgs, OnExpandedEventArgs, OnPopupEventArgs, Popup, PopupAlignment, PopupAlignment_$type, PopupDirection, PopupDirection_$type, PopupView, PopupVisualModelExport, Popup_InnerAnimationInfo, Popup_OuterAnimationInfo, PropertyEditorDataSource, PropertyEditorDescriptionObject, PropertyEditorDescriptionObjectCollection, PropertyEditorPanel, PropertyEditorPanelColumnDefinition, PropertyEditorPanelColumnFieldType_$type, PropertyEditorPanelColumnType_$type, PropertyEditorPanelDataBindingEventArgs, PropertyEditorPanelDropDownDataListItem, PropertyEditorPanelTemplateCellUpdatingEventArgs, PropertyEditorPanelView, PropertyEditorPropertyDescription, PropertyEditorPropertyDescriptionButtonClickEventArgs, PropertyEditorPropertyDescriptionChangedEventArgs, PropertyEditorPropertyDescriptionCollection, PropertyEditorPropertyDescriptionTargetPropertyUpdatingEventArgs, PropertyEditorTreeTransformer, PropertyEditorValueType, PropertyEditorValueType_$type, ToolAction, ToolActionCheckbox, ToolActionCollection, ToolActionEventDetail, ToolActionEventDetailCollection, ToolActionGroupHeader, ToolActionIconButton, ToolActionIconMenu, ToolActionLabel, ToolActionMeasurementContext, ToolActionMenuBase, ToolActionNumberInput, ToolActionPerformedEventArgs, ToolActionRadio, ToolActionSeparator, ToolCommandEventArgs, ToolPanel, ToolPanelContentRefreshedEventArgs, ToolPanelOrientation, ToolPanelOrientation_$type, ToolPanelView, Toolbar, ToolbarIconManager, ToolbarOrientation, ToolbarOrientation_$type, ToolbarView, XExpansionPanel };
+export { ExpansionPanelUtilities, ExpansionPanelView, HorizontalPropertyEditorPanelDataSource, IExternalListPanel_$type, IExternalToolPanel_$type, IExternalToolbar_$type, IListPanelView_$type, IPropertyEditorPanelView_$type, IToolPanelView_$type, IToolbarView_$type, IgcHorizontalPropertyEditorPanelDataSource, IgcListPanelComponent, IgcListPanelContentRefreshedEventArgs, IgcListPanelItemModel, IgcListPanelModule, IgcListPanelTemplateHeightRequestedEventArgs, IgcListPanelTemplateItemUpdatingEventArgs, IgcListPanelTemplateWidthRequestedEventArgs, IgcOnClosedEventArgs, IgcOnCollapsedEventArgs, IgcOnExpandedEventArgs, IgcOnPopupEventArgs, IgcPopupComponent, IgcPopupModule, IgcPropertyEditorDataSource, IgcPropertyEditorDescriptionObject, IgcPropertyEditorDescriptionObjectCollection, IgcPropertyEditorPanelComponent, IgcPropertyEditorPanelModule, IgcPropertyEditorPropertyDescriptionButtonClickEventArgs, IgcPropertyEditorPropertyDescriptionChangedEventArgs, IgcPropertyEditorPropertyDescriptionCollection, IgcPropertyEditorPropertyDescriptionComponent, IgcPropertyEditorPropertyDescriptionModule, IgcPropertyEditorPropertyDescriptionTargetPropertyUpdatingEventArgs, IgcToolActionButtonComponent, IgcToolActionButtonModule, IgcToolActionCheckboxComponent, IgcToolActionCheckboxModule, IgcToolActionCollection, IgcToolActionComponent, IgcToolActionEventDetail, IgcToolActionEventDetailCollection, IgcToolActionGroupHeaderComponent, IgcToolActionGroupHeaderModule, IgcToolActionIconButtonComponent, IgcToolActionIconButtonModule, IgcToolActionIconMenuComponent, IgcToolActionIconMenuModule, IgcToolActionLabelComponent, IgcToolActionLabelModule, IgcToolActionMenuBaseComponent, IgcToolActionModule, IgcToolActionNumberInputComponent, IgcToolActionNumberInputModule, IgcToolActionPerformedEventArgs, IgcToolActionRadioComponent, IgcToolActionRadioModule, IgcToolActionSeparatorComponent, IgcToolActionSeparatorModule, IgcToolCommandEventArgs, IgcToolPanelComponent, IgcToolPanelContentRefreshedEventArgs, IgcToolPanelModule, IgcToolbarComponent, IgcToolbarModule, IgcXExpansionPanelComponent, IgcXExpansionPanelModule, ListPanel, ListPanelContentRefreshedEventArgs, ListPanelDataBindingEventArgs, ListPanelDataSourceNotificationBridge, ListPanelItemModel, ListPanelItemPresenter, ListPanelLayoutPanel, ListPanelOrientation, ListPanelOrientation_$type, ListPanelTemplateHeightRequestedEventArgs, ListPanelTemplateItemUpdatingEventArgs, ListPanelTemplateWidthRequestedEventArgs, ListPanelView, OnClosedEventArgs, OnCollapsedEventArgs, OnExpandedEventArgs, OnPopupEventArgs, Popup, PopupAlignment, PopupAlignment_$type, PopupDirection, PopupDirection_$type, PopupView, PopupVisualModelExport, Popup_InnerAnimationInfo, Popup_OuterAnimationInfo, PropertyEditorDataSource, PropertyEditorDescriptionObject, PropertyEditorDescriptionObjectCollection, PropertyEditorPanel, PropertyEditorPanelColumnDefinition, PropertyEditorPanelColumnFieldType_$type, PropertyEditorPanelColumnType_$type, PropertyEditorPanelDataBindingEventArgs, PropertyEditorPanelDropDownDataListItem, PropertyEditorPanelTemplateCellUpdatingEventArgs, PropertyEditorPanelView, PropertyEditorPropertyDescription, PropertyEditorPropertyDescriptionButtonClickEventArgs, PropertyEditorPropertyDescriptionChangedEventArgs, PropertyEditorPropertyDescriptionCollection, PropertyEditorPropertyDescriptionTargetPropertyUpdatingEventArgs, PropertyEditorTreeTransformer, PropertyEditorValueType, PropertyEditorValueType_$type, ToolAction, ToolActionButton, ToolActionCheckbox, ToolActionCollection, ToolActionEventDetail, ToolActionEventDetailCollection, ToolActionGroupHeader, ToolActionIconButton, ToolActionIconMenu, ToolActionLabel, ToolActionMeasurementContext, ToolActionMenuBase, ToolActionNumberInput, ToolActionPerformedEventArgs, ToolActionRadio, ToolActionSeparator, ToolCommandEventArgs, ToolPanel, ToolPanelContentRefreshedEventArgs, ToolPanelOrientation, ToolPanelOrientation_$type, ToolPanelView, Toolbar, ToolbarIconManager, ToolbarOrientation, ToolbarOrientation_$type, ToolbarView, XExpansionPanel };

package/lib/ToolActionButton.d.ts

@@ -0,0 +1,23 @@
+import { ToolAction } from "./ToolAction";
+import { ToolActionType } from "igniteui-webcomponents-core";
+import { ToolCommandArgument } from "igniteui-webcomponents-core";
+import { ToolActionEventDetail } from "./ToolActionEventDetail";
+import { ToolPanel } from "./ToolPanel";
+import { ToolActionMeasurementContext } from "./ToolActionMeasurementContext";
+import { ListPanel } from "./ListPanel";
+import { ListPanelTemplateItemUpdatingEventArgs } from "./ListPanelTemplateItemUpdatingEventArgs";
+import { Type } from "igniteui-webcomponents-core";
+/**
+ * @hidden
+ */
+export declare class ToolActionButton extends ToolAction {
+    static $t: Type;
+    protected get_f(): ToolActionType;
+    g(): ToolCommandArgument;
+    b(a: boolean): ToolActionEventDetail;
+    private be;
+    p(a: ToolPanel, b: ToolActionMeasurementContext): number;
+    private bg;
+    private bf;
+    bb(a: ListPanel, b: ToolPanel, c: ListPanelTemplateItemUpdatingEventArgs, d: ToolActionMeasurementContext): void;
+}

package/lib/igc-tool-action-button-component.d.ts

@@ -0,0 +1,17 @@
+import { IgcToolActionComponent } from "./igc-tool-action-component";
+import { ToolActionButton } from "./ToolActionButton";
+export declare class IgcToolActionButtonComponent extends IgcToolActionComponent {
+    protected createImplementation(): ToolActionButton;
+    /**
+                                 * @hidden
+                                 */
+    readonly i: ToolActionButton;
+    constructor();
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    private static _observedAttributesIgcToolActionButtonComponent;
+    static readonly observedAttributes: string[];
+    static htmlTagName: string;
+    protected static _isElementRegistered: boolean;
+    static register(): void;
+}

package/lib/igc-tool-action-button-module.d.ts

@@ -0,0 +1,3 @@
+export declare class IgcToolActionButtonModule {
+    static register(): void;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "igniteui-webcomponents-layouts",
-  "version": "4.0.2",
+  "version": "4.0.4",
   "description": "Ignite UI WebComponents layout components.",
   "homepage": "https://github.com/IgniteUI/igniteui-webcomponents-layouts",
   "keywords": [
@@ -14,8 +14,8 @@
     "tslib": "^2.3.1"
   },
   "peerDependencies": {
-    "igniteui-webcomponents-core": "4.0.2",
-    "igniteui-webcomponents-inputs": "4.0.2"
+    "igniteui-webcomponents-core": "4.0.4",
+    "igniteui-webcomponents-inputs": "4.0.4"
   },
   "sideEffects": false,
   "typings": "igniteui-webcomponents-layouts.d.ts",

package/public_api.d.ts

@@ -27,6 +27,9 @@ export * from './lib/OnPopupEventArgs';
 export * from './lib/igc-on-popup-event-args';
 export * from './lib/OnClosedEventArgs';
 export * from './lib/igc-on-closed-event-args';
+export * from './lib/ToolActionButton';
+export * from './lib/igc-tool-action-button-component';
+export * from './lib/igc-tool-action-button-module';
 export * from './lib/ToolActionLabel';
 export * from './lib/igc-tool-action-label-component';
 export * from './lib/igc-tool-action-label-module';