igniteui-webcomponents-layouts 3.2.4 → 4.0.0

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

@@ -1421,6 +1421,11 @@
             configurable: true
         });
         IgcXExpansionPanelComponent.prototype.findByName = function (name) {
+            if (this.findEphemera) {
+                if (name && name.indexOf("@@e:") == 0) {
+                    return this.findEphemera(name);
+                }
+            }
             return null;
         };
         Object.defineProperty(IgcXExpansionPanelComponent.prototype, "hasUserValues", {
@@ -1527,6 +1532,7 @@
                     }
                 };
                 this.i.onCollapsed = igniteuiWebcomponentsCore.delegateCombine(this.i.onCollapsed, this._onCollapsed_wrapped);
+                ;
             },
             enumerable: true,
             configurable: true
@@ -1554,6 +1560,7 @@
                     }
                 };
                 this.i.onExpanded = igniteuiWebcomponentsCore.delegateCombine(this.i.onExpanded, this._onExpanded_wrapped);
+                ;
             },
             enumerable: true,
             configurable: true
@@ -2749,6 +2756,11 @@
             configurable: true
         });
         IgcPopupComponent.prototype.findByName = function (name) {
+            if (this.findEphemera) {
+                if (name && name.indexOf("@@e:") == 0) {
+                    return this.findEphemera(name);
+                }
+            }
             return null;
         };
         Object.defineProperty(IgcPopupComponent.prototype, "hasUserValues", {
@@ -2857,6 +2869,7 @@
                     }
                 };
                 this.i.onClosed = igniteuiWebcomponentsCore.delegateCombine(this.i.onClosed, this._onClosed_wrapped);
+                ;
             },
             enumerable: true,
             configurable: true
@@ -2887,6 +2900,7 @@
                     }
                 };
                 this.i.onPopup = igniteuiWebcomponentsCore.delegateCombine(this.i.onPopup, this._onPopup_wrapped);
+                ;
             },
             enumerable: true,
             configurable: true
@@ -2945,12 +2959,13 @@
         PropertyEditorValueType[PropertyEditorValueType["TimeSpan"] = 19] = "TimeSpan";
         PropertyEditorValueType[PropertyEditorValueType["Button"] = 20] = "Button";
         PropertyEditorValueType[PropertyEditorValueType["Slider"] = 21] = "Slider";
+        PropertyEditorValueType[PropertyEditorValueType["TemplateRef"] = 22] = "TemplateRef";
         return PropertyEditorValueType;
     })({});
     /**
      * @hidden
      */
-    var PropertyEditorValueType_$type = /*@__PURE__*/ igniteuiWebcomponentsCore.markEnum('PropertyEditorValueType', 'Unhandled,0|Number,1|StringValue,2|Date,3|Brush,4|Color,5|BrushCollection,6|Boolean:boolean1,7|SubType,8|Collection,9|Array,10|Point,11|Size,12|Rect,13|ColorCollection,14|EnumValue,15|MethodRef,16|EventRef,17|DataRef,18|TimeSpan,19|Button,20|Slider,21');
+    var PropertyEditorValueType_$type = /*@__PURE__*/ igniteuiWebcomponentsCore.markEnum('PropertyEditorValueType', 'Unhandled,0|Number,1|StringValue,2|Date,3|Brush,4|Color,5|BrushCollection,6|Boolean:boolean1,7|SubType,8|Collection,9|Array,10|Point,11|Size,12|Rect,13|ColorCollection,14|EnumValue,15|MethodRef,16|EventRef,17|DataRef,18|TimeSpan,19|Button,20|Slider,21|TemplateRef,22');
 
     /*
     THIS INFRAGISTICS ULTIMATE SOFTWARE LICENSE  AGREEMENT ("AGREEMENT") LOCATED HERE:
@@ -3345,7 +3360,7 @@
                 return this.e;
             }
             if (this.e != null) {
-                return this.e.d(a, false);
+                return this.e.e(a, false);
             }
             return null;
         };
@@ -3396,20 +3411,21 @@
         tslib_1.__extends(PropertyEditorDataSource, _super);
         function PropertyEditorDataSource() {
             var _this = _super !== null && _super.apply(this, arguments) || this;
-            _this.i = null;
+            _this.k = null;
             _this.a = null;
-            _this.f = null;
+            _this.g = null;
             _this.propertyChanged = null;
+            _this.j = null;
             return _this;
         }
-        Object.defineProperty(PropertyEditorDataSource.prototype, "l", {
+        Object.defineProperty(PropertyEditorDataSource.prototype, "n", {
             get: function () {
-                return this.i;
+                return this.k;
             },
             set: function (a) {
-                var b = this.i;
-                this.i = a;
-                this.n("DescriptionType", b, this.i);
+                var b = this.k;
+                this.k = a;
+                this.p("DescriptionType", b, this.k);
             },
             enumerable: true,
             configurable: true
@@ -3421,69 +3437,76 @@
             set: function (a) {
                 var b = this.a;
                 this.a = a;
-                this.n("Context", b, this.a);
+                this.p("Context", b, this.a);
             },
             enumerable: true,
             configurable: true
         });
-        Object.defineProperty(PropertyEditorDataSource.prototype, "g", {
+        Object.defineProperty(PropertyEditorDataSource.prototype, "h", {
             get: function () {
-                return this.f;
+                return this.g;
             },
             set: function (a) {
-                var b = this.f;
-                this.f = a;
-                this.n("Data", b, this.f);
+                var b = this.g;
+                this.g = a;
+                this.p("Data", b, this.g);
             },
             enumerable: true,
             configurable: true
         });
-        PropertyEditorDataSource.prototype.n = function (a, b, c) {
+        PropertyEditorDataSource.prototype.p = function (a, b, c) {
             if (this.propertyChanged != null) {
                 this.propertyChanged(this, new igniteuiWebcomponentsCore.PropertyChangedEventArgs(a));
             }
-            this.o(a, b, c);
+            this.q(a, b, c);
         };
-        PropertyEditorDataSource.prototype.o = function (a, b, c) {
+        PropertyEditorDataSource.prototype.q = function (a, b, c) {
             switch (a) {
                 case "DescriptionType":
-                    this.p();
+                    this.r();
                     break;
                 case "Context":
-                    this.p();
+                    this.r();
                     break;
             }
         };
-        PropertyEditorDataSource.prototype.e = function (a) {
-            var _this = this;
+        PropertyEditorDataSource.d = function (a, b, c) {
+            var d = new PropertyEditorDataSource();
+            d.j = c;
+            d.b = a;
+            d.n = b;
+            d.j = null;
+            return d;
+        };
+        PropertyEditorDataSource.prototype.f = function (a) {
             var b = new PropertyEditorPropertyDescription();
             b.al = a.propertyName;
-            b.n = this.h(a);
+            b.n = this.i(a);
             b.ak = a.specificExternalType != null ? a.specificExternalType : a.specificType;
             if (a.knownType == 9) {
                 b.ai = a.collectionElementType;
-                b.e = ((function () {
-                    var $ret = new PropertyEditorDataSource();
-                    $ret.b = _this.a;
-                    $ret.l = b.ai;
-                    return $ret;
-                })());
+                if (this.j != null && this.j.containsKey(b.ai)) {
+                    b.e = this.j.item(b.ai);
+                }
+                else {
+                    b.e = PropertyEditorDataSource.d(this.a, b.ai, this.j);
+                }
             }
             if (b.n == 8) {
-                b.e = ((function () {
-                    var $ret = new PropertyEditorDataSource();
-                    $ret.b = _this.a;
-                    $ret.l = b.ak;
-                    return $ret;
-                })());
+                if (this.j != null && this.j.containsKey(b.ak)) {
+                    b.e = this.j.item(b.ak);
+                }
+                else {
+                    b.e = PropertyEditorDataSource.d(this.a, b.ak, this.j);
+                }
             }
             if (b.n == 15) {
-                b.c = this.a.c(this.l, b.al);
+                b.c = this.a.c(this.n, b.al);
                 b.d = b.d;
             }
             return b;
         };
-        PropertyEditorDataSource.prototype.h = function (a) {
+        PropertyEditorDataSource.prototype.i = function (a) {
             switch (a.knownType) {
                 case 10: return 10;
                 case 7: return 7;
@@ -3493,6 +3516,7 @@
                 case 5: return 5;
                 case 16: return 14;
                 case 20: return 18;
+                case 22: return 22;
                 case 15: return 0;
                 case 3: return 3;
                 case 19: return 17;
@@ -3514,31 +3538,46 @@
             }
             return 0;
         };
-        PropertyEditorDataSource.prototype.p = function () {
+        PropertyEditorDataSource.prototype.r = function () {
             var a = new PropertyEditorPropertyDescriptionCollection();
-            if (this.l != null && this.b != null) {
-                var b = this.b.b(this.l);
-                if (b == null) {
+            if (this.n != null && this.b != null) {
+                var b = false;
+                if (this.j == null) {
+                    b = true;
+                    this.j = new igniteuiWebcomponentsCore.Dictionary$2(igniteuiWebcomponentsCore.String_$type, PropertyEditorDataSource.$, 0);
+                }
+                this.j.item(this.n, this);
+                var c = this.b.b(this.n);
+                if (c == null) {
                     return;
                 }
-                for (var c = 0; c < b.length; c++) {
-                    if (igniteuiWebcomponentsCore.stringEndsWith(b[c], "@names")) {
+                for (var d = 0; d < c.length; d++) {
+                    if (igniteuiWebcomponentsCore.stringEndsWith(c[d], "@names")) {
                         continue;
                     }
-                    if (igniteuiWebcomponentsCore.stringEndsWith(b[c], "@nameBinding")) {
+                    if (igniteuiWebcomponentsCore.stringEndsWith(c[d], "@nameBinding")) {
                         continue;
                     }
-                    var d = this.b.getMetadata(this.l, b[c]);
-                    var e = this.e(d);
-                    if (e.n == 0) {
+                    if (igniteuiWebcomponentsCore.stringEndsWith(c[d], "@ngQueryList")) {
                         continue;
                     }
-                    a.add(e);
+                    if (igniteuiWebcomponentsCore.stringEndsWith(c[d], "@mustSetInCode")) {
+                        continue;
+                    }
+                    var e = this.b.getMetadata(this.n, c[d]);
+                    var f = this.f(e);
+                    if (f.n == 0) {
+                        continue;
+                    }
+                    a.add(f);
+                }
+                if (b) {
+                    this.j = null;
                 }
             }
-            this.g = a;
+            this.h = a;
         };
-        PropertyEditorDataSource.prototype.d = function (a, b) {
+        PropertyEditorDataSource.prototype.e = function (a, b) {
             if (a == null) {
                 return null;
             }
@@ -3561,9 +3600,9 @@
                         g = h.substr(0, k).trim();
                         f = h.substr(k + 2).trim();
                     }
-                    if (f != null && f != this.l) {
+                    if (f != null && f != this.n) {
                         var l = this.c();
-                        l.l = f;
+                        l.n = f;
                         e = l;
                         continue;
                     }
@@ -3581,19 +3620,19 @@
                 else {
                     if (e != null) {
                         var n = e;
-                        var o = n.d(h, i);
+                        var o = n.e(h, i);
                         if (o == null) {
                             return null;
                         }
                         e = o;
                     }
                     else {
-                        if (this.g == null) {
+                        if (this.h == null) {
                             return null;
                         }
-                        for (var p = 0; p < this.g.count; p++) {
-                            if (igniteuiWebcomponentsCore.Base.equalsStatic(this.g._inner[p].al, h)) {
-                                e = this.g._inner[p];
+                        for (var p = 0; p < this.h.count; p++) {
+                            if (igniteuiWebcomponentsCore.Base.equalsStatic(this.h._inner[p].al, h)) {
+                                e = this.h._inner[p];
                                 break;
                             }
                         }
@@ -3610,7 +3649,7 @@
             return ((function () {
                 var $ret = new PropertyEditorDataSource();
                 $ret.b = _this.b;
-                $ret.l = _this.l;
+                $ret.n = _this.n;
                 return $ret;
             })());
         };
@@ -3782,6 +3821,11 @@
             configurable: true
         });
         IgcPropertyEditorDescriptionObject.prototype.findByName = function (name) {
+            if (this.findEphemera) {
+                if (name && name.indexOf("@@e:") == 0) {
+                    return this.findEphemera(name);
+                }
+            }
             if (this.properties != null && this.properties.findByName && this.properties.findByName(name)) {
                 return this.properties.findByName(name);
             }
@@ -4062,11 +4106,25 @@
             if (_super.prototype["connectedCallback"]) {
                 _super.prototype["connectedCallback"].call(this);
             }
+            if (this.i.connectedCallback) {
+                this.i.connectedCallback();
+            }
             if (!this._attached) {
                 this._attached = true;
                 this._flushQueuedAttributes();
             }
         };
+        IgcPropertyEditorPropertyDescriptionComponent.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(IgcPropertyEditorPropertyDescriptionComponent, "observedAttributes", {
             get: function () {
                 if (IgcPropertyEditorPropertyDescriptionComponent._observedAttributesIgcPropertyEditorPropertyDescriptionComponent == null) {
@@ -4253,15 +4311,21 @@
         });
         Object.defineProperty(IgcPropertyEditorPropertyDescriptionComponent.prototype, "complexValue", {
             get: function () {
-                if (this.i.g == null) {
+                var r = this.i.g;
+                if (r == null) {
                     return null;
                 }
-                if (!this.i.g.externalObject) {
+                if (!r.externalObject) {
                     var e = new IgcPropertyEditorDescriptionObject();
-                    e._implementation = this.i.g;
-                    this.i.g.externalObject = e;
+                    if (e.i.setNativeElement) {
+                        e.i.setNativeElement(r);
+                    }
+                    else {
+                        e._implementation = r;
+                    }
+                    r.externalObject = e;
                 }
-                return this.i.g.externalObject;
+                return r.externalObject;
             },
             set: function (v) {
                 v == null ? this.i.g = null : this.i.g = v.i;
@@ -4303,6 +4367,11 @@
             configurable: true
         });
         IgcPropertyEditorPropertyDescriptionComponent.prototype.findByName = function (name) {
+            if (this.findEphemera) {
+                if (name && name.indexOf("@@e:") == 0) {
+                    return this.findEphemera(name);
+                }
+            }
             if (this.complexValue && this.complexValue.name && this.complexValue.name == name) {
                 return this.complexValue;
             }
@@ -4391,6 +4460,7 @@
                     }
                 };
                 this.i.buttonClicked = igniteuiWebcomponentsCore.delegateCombine(this.i.buttonClicked, this._buttonClicked_wrapped);
+                ;
             },
             enumerable: true,
             configurable: true
@@ -4418,6 +4488,7 @@
                     }
                 };
                 this.i.changed = igniteuiWebcomponentsCore.delegateCombine(this.i.changed, this._changed_wrapped);
+                ;
             },
             enumerable: true,
             configurable: true
@@ -4445,6 +4516,7 @@
                     }
                 };
                 this.i.targetPropertyUpdating = igniteuiWebcomponentsCore.delegateCombine(this.i.targetPropertyUpdating, this._targetPropertyUpdating_wrapped);
+                ;
             },
             enumerable: true,
             configurable: true
@@ -4744,6 +4816,7 @@
                 case 5: return a.toString();
                 case 16: return a;
                 case 20: return a;
+                case 22: return a;
                 case 15: return a;
                 case 3: return a;
                 case 19: return a;
@@ -5181,11 +5254,11 @@
                         if (this.k == null) {
                             this.k = new PropertyEditorDataSource();
                         }
-                        this.k.l = this.b2;
+                        this.k.n = this.b2;
                     }
                     if (this.properties == null || this.properties.count == 0) {
-                        if (this.k.g != null) {
-                            this.actualProperties = this.k.g;
+                        if (this.k.h != null) {
+                            this.actualProperties = this.k.h;
                         }
                     }
                     else {
@@ -5231,8 +5304,8 @@
                         this.k.b = this.h;
                     }
                     if (this.properties == null || this.properties.count == 0) {
-                        if (this.k.g != null) {
-                            this.actualProperties = this.k.g;
+                        if (this.k.h != null) {
+                            this.actualProperties = this.k.h;
                         }
                     }
                     else {
@@ -5326,7 +5399,7 @@
                     var c = _c.value;
                     var d = c.al;
                     if (this.k != null) {
-                        var e = this.k.d(d, false);
+                        var e = this.k.e(d, false);
                         if (e != null) {
                             if (c.p(e)) {
                                 b = true;
@@ -5376,11 +5449,11 @@
             var _loop_1 = function (b) {
                 var c = b;
                 var d = this_1.c.getItemAtIndex(b);
-                if (this_1.v.a3 < c + 1) {
-                    this_1.v.a5(c, 1, this_1.ar);
+                if (this_1.v.a5 < c + 1) {
+                    this_1.v.a7(c, 1, this_1.ar);
                 }
                 else {
-                    this_1.v.bb(c, 1, this_1.ar);
+                    this_1.v.bd(c, 1, this_1.ar);
                 }
                 if (this_1.an.count < c + 1) {
                     this_1.an.add(new igniteuiWebcomponentsCore.List$1(igniteuiWebcomponentsCore.NativeUIComponent.$, 0));
@@ -5397,16 +5470,16 @@
                             }
                             i.ar = new igniteuiWebcomponentsCore.Thickness(1, 5, 5, 5, 0);
                             _this.v.aw(i);
-                            _this.v.a9(i, c);
-                            _this.v.a8(i, f);
+                            _this.v.bb(i, c);
+                            _this.v.ba(i, f);
                             e.add(i);
                         });
                     }
-                    if (this_1.v.a0 < f + 1) {
-                        this_1.v.a4(f, 1, g.h);
+                    if (this_1.v.a2 < f + 1) {
+                        this_1.v.a6(f, 1, g.h);
                     }
                     else {
-                        this_1.v.ba(f, 1, g.h);
+                        this_1.v.bc(f, 1, g.h);
                     }
                     var h = e._inner[f];
                     var i = "PropertyPath";
@@ -5439,8 +5512,8 @@
             var n = new igniteuiWebcomponentsCore.HashSet$1(igniteuiWebcomponentsCore.NativeUIComponent.$, 0);
             for (var o = this.v.av - 1; o >= 0; o--) {
                 var p = this.v.au(o);
-                var q = this.v.a2(p);
-                var r = this.v.a1(p);
+                var q = this.v.a4(p);
+                var r = this.v.a3(p);
                 if ((q + 1) > a || (r + 1) > this.ap.count) {
                     n.add_1(p);
                 }
@@ -5462,11 +5535,11 @@
                     this.an.removeAt(u);
                 }
             }
-            while (this.v.a3 > a) {
-                this.v.a7(this.v.a3 - 1);
+            while (this.v.a5 > a) {
+                this.v.a9(this.v.a5 - 1);
             }
-            while (this.v.a0 > this.ap.count) {
-                this.v.a6(this.v.a0 - 1);
+            while (this.v.a2 > this.ap.count) {
+                this.v.a8(this.v.a2 - 1);
             }
         };
         PropertyEditorPanel.prototype.dw = function (a, b) {
@@ -7029,6 +7102,11 @@
             configurable: true
         });
         IgcPropertyEditorPanelComponent.prototype.findByName = function (name) {
+            if (this.findEphemera) {
+                if (name && name.indexOf("@@e:") == 0) {
+                    return this.findEphemera(name);
+                }
+            }
             if (this.actualDataSource != null && this.actualDataSource.findByName && this.actualDataSource.findByName(name)) {
                 return this.actualDataSource.findByName(name);
             }
@@ -8423,6 +8501,11 @@
             configurable: true
         });
         IgcListPanelItemModel.prototype.findByName = function (name) {
+            if (this.findEphemera) {
+                if (name && name.indexOf("@@e:") == 0) {
+                    return this.findEphemera(name);
+                }
+            }
             return null;
         };
         return IgcListPanelItemModel;
@@ -8456,15 +8539,21 @@
         };
         Object.defineProperty(IgcListPanelTemplateItemUpdatingEventArgs.prototype, "model", {
             get: function () {
-                if (this.i.a == null) {
+                var r = this.i.a;
+                if (r == null) {
                     return null;
                 }
-                if (!this.i.a.externalObject) {
+                if (!r.externalObject) {
                     var e = new IgcListPanelItemModel();
-                    e._implementation = this.i.a;
-                    this.i.a.externalObject = e;
+                    if (e.i.setNativeElement) {
+                        e.i.setNativeElement(r);
+                    }
+                    else {
+                        e._implementation = r;
+                    }
+                    r.externalObject = e;
                 }
-                return this.i.a.externalObject;
+                return r.externalObject;
             },
             set: function (v) {
                 v == null ? this.i.a = null : this.i.a = v.i;
@@ -8927,6 +9016,11 @@
             configurable: true
         });
         IgcListPanelComponent.prototype.findByName = function (name) {
+            if (this.findEphemera) {
+                if (name && name.indexOf("@@e:") == 0) {
+                    return this.findEphemera(name);
+                }
+            }
             return null;
         };
         Object.defineProperty(IgcListPanelComponent.prototype, "hasUserValues", {
@@ -9062,6 +9156,7 @@
                     }
                 };
                 this.i.contentRefreshed = igniteuiWebcomponentsCore.delegateCombine(this.i.contentRefreshed, this._contentRefreshed_wrapped);
+                ;
             },
             enumerable: true,
             configurable: true
@@ -9089,6 +9184,7 @@
                     }
                 };
                 this.i.rowUpdating = igniteuiWebcomponentsCore.delegateCombine(this.i.rowUpdating, this._rowUpdating_wrapped);
+                ;
             },
             enumerable: true,
             configurable: true
@@ -9116,6 +9212,7 @@
                     }
                 };
                 this.i.itemWidthRequested = igniteuiWebcomponentsCore.delegateCombine(this.i.itemWidthRequested, this._itemWidthRequested_wrapped);
+                ;
             },
             enumerable: true,
             configurable: true
@@ -9143,6 +9240,7 @@
                     }
                 };
                 this.i.itemHeightRequested = igniteuiWebcomponentsCore.delegateCombine(this.i.itemHeightRequested, this._itemHeightRequested_wrapped);
+                ;
             },
             enumerable: true,
             configurable: true
@@ -9345,8 +9443,8 @@
             }
             var b = a.rootWrapper;
             if (null != b) {
-                igniteuiWebcomponentsCore.NativeUI.o(b, this.c.a9);
-                igniteuiWebcomponentsCore.NativeUI.k(b, this.c.a6);
+                igniteuiWebcomponentsCore.NativeUI.o(b, this.c.ba);
+                igniteuiWebcomponentsCore.NativeUI.k(b, this.c.a7);
             }
         };
         ToolPanelView.prototype.f = function () {
@@ -9813,12 +9911,18 @@
                     b = new ToolActionIconButton();
                     break;
                 case 4:
-                    b = new ToolActionNumberInput();
+                    b = new ToolActionLabel();
                     break;
                 case 5:
-                    b = new ToolActionSeparator();
+                    b = new ToolActionNumberInput();
                     break;
                 case 6:
+                    b = new ToolActionRadio();
+                    break;
+                case 7:
+                    b = new ToolActionSeparator();
+                    break;
+                case 8:
                     b = new ToolActionIconMenu();
                     break;
                 case 0: return null;
@@ -9843,6 +9947,163 @@
         ToolAction.$t = igniteuiWebcomponentsCore.markType(ToolAction, 'ToolAction', igniteuiWebcomponentsCore.Base.$, [igniteuiWebcomponentsCore.INotifyPropertyChanged_$type]);
         return ToolAction;
     }(igniteuiWebcomponentsCore.Base));
+    /**
+     * @hidden
+     */
+    var ToolActionLabel = /** @class */ /*@__PURE__*/ (function (_super) {
+        tslib_1.__extends(ToolActionLabel, _super);
+        function ToolActionLabel() {
+            return _super !== null && _super.apply(this, arguments) || this;
+        }
+        ToolActionLabel.prototype.get_f = function () {
+            return 4;
+        };
+        ToolActionLabel.prototype.bf = function (a, b, c, d, e, f, g) {
+            if (a.w == null || igniteuiWebcomponentsCore.EnumUtil.getEnumValue(igniteuiWebcomponentsCore.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, 1, igniteuiWebcomponentsCore.isNaN_(g.e) ? 0 : g.e);
+                b.a6(1, 1, igniteuiWebcomponentsCore.isNaN_(g.g) ? 0 : g.g);
+                b.as = new igniteuiWebcomponentsCore.Thickness(1, this.r, this.t, this.s, this.q);
+                if (b.av == 0) {
+                    b.aw(c);
+                }
+                b.bb(c, 0);
+                b.ba(c, 1);
+                c.e = 1;
+                b.a1 = igniteuiWebcomponentsCore.runOn(this, this.be);
+            }
+            b.h = f.a.j;
+            b.aj = igniteuiWebcomponentsCore.BrushUtil.g(0, 0, 0, 0);
+            c.au = this.ap;
+            c.al = igniteuiWebcomponentsCore.BrushUtil.g(255, 20, 20, 20);
+        };
+        ToolActionLabel.prototype.be = function (a, b) {
+            this.a9(this.b(false), this);
+        };
+        ToolActionLabel.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 || igniteuiWebcomponentsCore.EnumUtil.getEnumValue(igniteuiWebcomponentsCore.ToolActionType_$type, e.w) != this.f)) {
+                igniteuiWebcomponentsCore.NativeUIComponent.ab(b.l.r(), [7, 3], function (f) {
+                    var g = f[0];
+                    var h = f[1];
+                    e.a0 = g;
+                    _this.bf(e, g, h, a, b, c, d);
+                });
+                ;
+            }
+            else {
+                var f = e.a0;
+                var g = f.au(0);
+                this.bf(e, f, g, a, b, c, d);
+            }
+        };
+        ToolActionLabel.$t = igniteuiWebcomponentsCore.markType(ToolActionLabel, 'ToolActionLabel', ToolAction.$);
+        return ToolActionLabel;
+    }(ToolAction));
+    /**
+     * @hidden
+     */
+    var ToolActionRadio = /** @class */ /*@__PURE__*/ (function (_super) {
+        tslib_1.__extends(ToolActionRadio, _super);
+        function ToolActionRadio() {
+            var _this = _super !== null && _super.apply(this, arguments) || this;
+            _this.bf = null;
+            _this.be = null;
+            return _this;
+        }
+        ToolActionRadio.prototype.get_f = function () {
+            return 6;
+        };
+        ToolActionRadio.prototype.b = function (a) {
+            var b = new ToolActionEventDetail();
+            b.a = this;
+            b.b = this.f;
+            b.d = a;
+            if (this.be != null) {
+                b.c = this.be.aw;
+            }
+            return b;
+        };
+        ToolActionRadio.prototype.x = function () {
+            return this.be.aw;
+        };
+        ToolActionRadio.prototype.bg = function () {
+            if (this.be != null) {
+                this.be.aw = false;
+            }
+        };
+        ToolActionRadio.prototype.o = function (a, b) {
+            return 30;
+        };
+        ToolActionRadio.prototype.bi = function (a, b, c, d, e, f, g, h) {
+            if (a.w == null || igniteuiWebcomponentsCore.EnumUtil.getEnumValue(igniteuiWebcomponentsCore.ToolActionType_$type, a.w) != this.f) {
+                a.a0 = b;
+                if (h.a == 1) {
+                    b.d = 0;
+                }
+                else {
+                    b.d = 3;
+                }
+                b.a7(0, 2, 1);
+                b.a6(0, 1, igniteuiWebcomponentsCore.isNaN_(h.e) ? 0 : h.e);
+                b.a6(1, 1, igniteuiWebcomponentsCore.isNaN_(h.g) ? 0 : h.g);
+                b.a6(1, 2, 1);
+                b.as = new igniteuiWebcomponentsCore.Thickness(1, this.r, this.t, this.s, this.q);
+                if (b.av == 0) {
+                    b.aw(c);
+                    b.aw(d);
+                }
+                b.bb(c, 0);
+                b.ba(c, 1);
+                b.bb(d, 0);
+                b.ba(d, 2);
+                this.be = d;
+                d.ax = 25;
+                d.av = true;
+                d.d = 2;
+                d.e = 1;
+                d.au = igniteuiWebcomponentsCore.runOn(this, this.bh);
+                c.e = 1;
+            }
+            b.h = g.a.j;
+            c.au = this.ap;
+            c.al = igniteuiWebcomponentsCore.BrushUtil.g(255, 20, 20, 20);
+        };
+        ToolActionRadio.prototype.bh = function (a, b) {
+            this.a9(this.b(true), this);
+        };
+        ToolActionRadio.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 || igniteuiWebcomponentsCore.EnumUtil.getEnumValue(igniteuiWebcomponentsCore.ToolActionType_$type, e.w) != this.f)) {
+                igniteuiWebcomponentsCore.NativeUIComponent.ab(b.l.r(), [7, 3, 6], function (f) {
+                    var g = f[0];
+                    var h = f[1];
+                    var i = f[2];
+                    e.a0 = g;
+                    _this.bi(e, g, h, i, a, b, c, d);
+                });
+            }
+            else {
+                var f = e.a0;
+                var g = f.au(0);
+                var h = f.au(1);
+                this.bi(e, f, g, h, a, b, c, d);
+            }
+        };
+        ToolActionRadio.$t = igniteuiWebcomponentsCore.markType(ToolActionRadio, 'ToolActionRadio', ToolAction.$);
+        return ToolActionRadio;
+    }(ToolAction));
     /**
      * @hidden
      */
@@ -9852,7 +10113,7 @@
             return _super !== null && _super.apply(this, arguments) || this;
         }
         ToolActionSeparator.prototype.get_f = function () {
-            return 5;
+            return 7;
         };
         ToolActionSeparator.prototype.a5 = function (a, b) {
             _super.prototype.a5.call(this, a, b);
@@ -9937,14 +10198,14 @@
                 else {
                     b.d = 3;
                 }
-                b.a5(0, 2, 1);
-                b.a4(0, 1, igniteuiWebcomponentsCore.isNaN_(g.f) ? 0 : g.f);
+                b.a7(0, 2, 1);
+                b.a6(0, 1, igniteuiWebcomponentsCore.isNaN_(g.f) ? 0 : g.f);
                 b.as = new igniteuiWebcomponentsCore.Thickness(1, this.r, this.t, this.s, this.q);
                 if (b.av == 0) {
                     b.aw(c);
                 }
-                b.a9(c, 0);
-                b.a8(c, 0);
+                b.bb(c, 0);
+                b.ba(c, 0);
                 this.be = c;
                 this.be.av = 2;
                 this.be.au = igniteuiWebcomponentsCore.runOn(this, this.bf);
@@ -9997,9 +10258,9 @@
                 else {
                     b.d = 3;
                 }
-                b.a5(0, 2, 1);
-                b.a4(0, 1, igniteuiWebcomponentsCore.isNaN_(g.e) ? 0 : g.e);
-                b.a4(1, 2, 1);
+                b.a7(0, 2, 1);
+                b.a6(0, 1, igniteuiWebcomponentsCore.isNaN_(g.e) ? 0 : g.e);
+                b.a6(1, 2, 1);
                 b.as = new igniteuiWebcomponentsCore.Thickness(1, this.r, this.t, this.s, this.q);
                 if (b.av == 0) {
                     b.aw(c);
@@ -10012,8 +10273,8 @@
             b.aq = new igniteuiWebcomponentsCore.Thickness(1, 0, 0, 0, 2);
             c.au = this.ap;
             c.al = igniteuiWebcomponentsCore.BrushUtil.g(255, 20, 20, 20);
-            b.a9(c, 0);
-            b.a8(c, 1);
+            b.bb(c, 0);
+            b.ba(c, 1);
         };
         ToolActionGroupHeader.prototype.bb = function (a, b, c, d) {
             var _this = this;
@@ -10186,14 +10447,14 @@
                 else {
                     b.d = 3;
                 }
-                b.a5(0, 2, 1);
-                b.a4(0, 1, igniteuiWebcomponentsCore.isNaN_(g.f) ? 0 : g.f);
+                b.a7(0, 2, 1);
+                b.a6(0, 1, igniteuiWebcomponentsCore.isNaN_(g.f) ? 0 : g.f);
                 b.as = new igniteuiWebcomponentsCore.Thickness(1, this.r, this.t, this.s, this.q);
                 if (b.av == 0) {
                     b.aw(c);
                 }
-                b.a9(c, 0);
-                b.a8(c, 0);
+                b.bb(c, 0);
+                b.ba(c, 0);
                 this.bz = c;
                 this.bz.av = 2;
                 this.bz.au = igniteuiWebcomponentsCore.runOn(this, this.b0);
@@ -10264,19 +10525,19 @@
                 else {
                     b.d = 3;
                 }
-                b.a5(0, 2, 1);
-                b.a4(0, 1, igniteuiWebcomponentsCore.isNaN_(h.e) ? 0 : h.e);
-                b.a4(1, 1, igniteuiWebcomponentsCore.isNaN_(h.g) ? 0 : h.g);
-                b.a4(1, 2, 1);
+                b.a7(0, 2, 1);
+                b.a6(0, 1, igniteuiWebcomponentsCore.isNaN_(h.e) ? 0 : h.e);
+                b.a6(1, 1, igniteuiWebcomponentsCore.isNaN_(h.g) ? 0 : h.g);
+                b.a6(1, 2, 1);
                 b.as = new igniteuiWebcomponentsCore.Thickness(1, this.r, this.t, this.s, this.q);
                 if (b.av == 0) {
                     b.aw(c);
                     b.aw(d);
                 }
-                b.a9(c, 0);
-                b.a8(c, 1);
-                b.a9(d, 0);
-                b.a8(d, 2);
+                b.bb(c, 0);
+                b.ba(c, 1);
+                b.bb(d, 0);
+                b.ba(d, 2);
                 this.be = d;
                 d.av = true;
                 d.d = 2;
@@ -10325,7 +10586,7 @@
             return _this;
         }
         ToolActionNumberInput.prototype.get_f = function () {
-            return 4;
+            return 5;
         };
         ToolActionNumberInput.prototype.x = function () {
             return this.bf();
@@ -10342,19 +10603,19 @@
                 else {
                     b.d = 3;
                 }
-                b.a5(0, 2, 1);
-                b.a4(0, 1, igniteuiWebcomponentsCore.isNaN_(h.e) ? 0 : h.e);
-                b.a4(1, 1, igniteuiWebcomponentsCore.isNaN_(h.g) ? 0 : h.g);
-                b.a4(1, 2, 1);
+                b.a7(0, 2, 1);
+                b.a6(0, 1, igniteuiWebcomponentsCore.isNaN_(h.e) ? 0 : h.e);
+                b.a6(1, 1, igniteuiWebcomponentsCore.isNaN_(h.g) ? 0 : h.g);
+                b.a6(1, 2, 1);
                 b.as = new igniteuiWebcomponentsCore.Thickness(1, this.r, this.t, this.s, this.q);
                 if (b.av == 0) {
                     b.aw(c);
                     b.aw(d);
                 }
-                b.a9(c, 0);
-                b.a8(c, 1);
-                b.a9(d, 0);
-                b.a8(d, 2);
+                b.bb(c, 0);
+                b.ba(c, 1);
+                b.bb(d, 0);
+                b.ba(d, 2);
                 this.be = d;
                 d.n = 100;
                 d.au = 2;
@@ -10491,8 +10752,8 @@
             _this.v = new igniteuiWebcomponentsCore.Dictionary$2(igniteuiWebcomponentsCore.String_$type, ToolAction.$, 0);
             _this.m = null;
             _this.a = null;
-            _this.a4 = ToolPanel.a7;
             _this.a5 = ToolPanel.a8;
+            _this.a6 = ToolPanel.a9;
             _this.b = null;
             _this.z = Number.POSITIVE_INFINITY;
             _this.i = ToolPanel.j;
@@ -10657,7 +10918,7 @@
             }
             this.t = false;
             this.al();
-            this.a3();
+            this.a4();
             for (var a = 0; a < this.d.count; a++) {
                 this.as(this.d._inner[a]);
             }
@@ -10684,6 +10945,15 @@
                     }
                 }
             }
+            for (var d = 0; d < this.d.count; d++) {
+                if (this.d._inner[d].f == 6) {
+                    var e = this.d._inner[d].bf;
+                    if (!this.x.containsKey(e)) {
+                        this.x.item(e, new igniteuiWebcomponentsCore.List$1(ToolAction.$, 0));
+                    }
+                    this.x.item(e).add(this.d._inner[d]);
+                }
+            }
         };
         ToolPanel.prototype.u = function (a) {
             if (a.ao == null) {
@@ -10734,7 +11004,7 @@
                 }
             }
         };
-        ToolPanel.prototype.a3 = function () {
+        ToolPanel.prototype.a4 = function () {
             this.f = new ToolActionMeasurementContext();
             this.f.a = this.k;
             this.f.b = this.z;
@@ -10752,6 +11022,19 @@
                 this.b.bt();
             }
         };
+        ToolPanel.prototype.a3 = function (a) {
+            var b = a.bf;
+            var c = a.ao;
+            if (this.x != null) {
+                if (this.x.containsKey(b)) {
+                    for (var d = 0; d < this.x.item(b).count; d++) {
+                        if (this.x.item(b)._inner[d].ao != c) {
+                            this.x.item(b)._inner[d].bg();
+                        }
+                    }
+                }
+            }
+        };
         ToolPanel.prototype.ar = function (a, b) {
             this.av();
         };
@@ -10817,28 +11100,28 @@
                     break;
             }
         };
-        Object.defineProperty(ToolPanel.prototype, "a6", {
+        Object.defineProperty(ToolPanel.prototype, "a7", {
             get: function () {
-                return this.a4;
+                return this.a5;
             },
             set: function (a) {
-                var b = this.a4;
-                this.a4 = a;
-                if (b != this.a4) {
+                var b = this.a5;
+                this.a5 = a;
+                if (b != this.a5) {
                     this.ax("BackgroundColor", b, a);
                 }
             },
             enumerable: true,
             configurable: true
         });
-        Object.defineProperty(ToolPanel.prototype, "a9", {
+        Object.defineProperty(ToolPanel.prototype, "ba", {
             get: function () {
-                return this.a5;
+                return this.a6;
             },
             set: function (a) {
-                var b = this.a5;
-                this.a5 = a;
-                if (b != this.a5) {
+                var b = this.a6;
+                this.a6 = a;
+                if (b != this.a6) {
                     this.ax("TextColor", b, a);
                 }
             },
@@ -10867,10 +11150,13 @@
                     return $ret;
                 })()));
             }
+            if (a.f == 6) {
+                this.a3(a);
+            }
         };
         ToolPanel.$t = igniteuiWebcomponentsCore.markType(ToolPanel, 'ToolPanel', igniteuiWebcomponentsCore.Base.$, [igniteuiWebcomponentsCore.INotifyPropertyChanged_$type]);
-        ToolPanel.a7 = igniteuiWebcomponentsCore.BrushUtil.g(255, 248, 248, 248);
-        ToolPanel.a8 = igniteuiWebcomponentsCore.BrushUtil.g(255, 24, 29, 31);
+        ToolPanel.a8 = igniteuiWebcomponentsCore.BrushUtil.g(255, 248, 248, 248);
+        ToolPanel.a9 = igniteuiWebcomponentsCore.BrushUtil.g(255, 24, 29, 31);
         ToolPanel.j = 0;
         return ToolPanel;
     }(igniteuiWebcomponentsCore.Base));
@@ -10956,17 +11242,18 @@
         };
         Object.defineProperty(IgcToolActionEventDetail.prototype, "action", {
             get: function () {
-                if (this.i.a == null) {
+                var r = this.i.a;
+                if (r == null) {
                     return null;
                 }
-                if (!this.i.a.externalObject) {
-                    var e = IgcToolActionComponent._createFromInternal(this.i.a);
+                if (!r.externalObject) {
+                    var e = IgcToolActionComponent._createFromInternal(r);
                     if (e) {
-                        e._implementation = this.i.a;
+                        e._implementation = r;
                     }
-                    this.i.a.externalObject = e;
+                    r.externalObject = e;
                 }
-                return this.i.a.externalObject;
+                return r.externalObject;
             },
             set: function (v) {
                 v == null ? this.i.a = null : this.i.a = v.i;
@@ -11035,6 +11322,11 @@
             configurable: true
         });
         IgcToolActionEventDetail.prototype.findByName = function (name) {
+            if (this.findEphemera) {
+                if (name && name.indexOf("@@e:") == 0) {
+                    return this.findEphemera(name);
+                }
+            }
             if (this.action && this.action.name && this.action.name == name) {
                 return this.action;
             }
@@ -11143,15 +11435,21 @@
         });
         Object.defineProperty(IgcToolActionPerformedEventArgs.prototype, "detail", {
             get: function () {
-                if (this.i.a == null) {
+                var r = this.i.a;
+                if (r == null) {
                     return null;
                 }
-                if (!this.i.a.externalObject) {
+                if (!r.externalObject) {
                     var e = new IgcToolActionEventDetail();
-                    e._implementation = this.i.a;
-                    this.i.a.externalObject = e;
+                    if (e.i.setNativeElement) {
+                        e.i.setNativeElement(r);
+                    }
+                    else {
+                        e._implementation = r;
+                    }
+                    r.externalObject = e;
                 }
-                return this.i.a.externalObject;
+                return r.externalObject;
             },
             set: function (v) {
                 v == null ? this.i.a = null : this.i.a = v.i;
@@ -11293,11 +11591,25 @@
             if (_super.prototype["connectedCallback"]) {
                 _super.prototype["connectedCallback"].call(this);
             }
+            if (this.i.connectedCallback) {
+                this.i.connectedCallback();
+            }
             if (!this._attached) {
                 this._attached = true;
                 this._flushQueuedAttributes();
             }
         };
+        IgcToolActionComponent.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(IgcToolActionComponent, "observedAttributes", {
             get: function () {
                 if (IgcToolActionComponent._observedAttributesIgcToolActionComponent == null) {
@@ -11459,6 +11771,11 @@
             configurable: true
         });
         IgcToolActionComponent.prototype.findByName = function (name) {
+            if (this.findEphemera) {
+                if (name && name.indexOf("@@e:") == 0) {
+                    return this.findEphemera(name);
+                }
+            }
             return null;
         };
         Object.defineProperty(IgcToolActionComponent.prototype, "hasUserValues", {
@@ -11544,6 +11861,7 @@
                     }
                 };
                 this.i.onCommand = igniteuiWebcomponentsCore.delegateCombine(this.i.onCommand, this._onCommand_wrapped);
+                ;
             },
             enumerable: true,
             configurable: true
@@ -11571,6 +11889,7 @@
                     }
                 };
                 this.i.performed = igniteuiWebcomponentsCore.delegateCombine(this.i.performed, this._performed_wrapped);
+                ;
             },
             enumerable: true,
             configurable: true
@@ -11931,11 +12250,11 @@
              * Gets or sets the color to use for the background of the component.
             */
             get: function () {
-                return igniteuiWebcomponentsCore.brushToString(this.i.a6);
+                return igniteuiWebcomponentsCore.brushToString(this.i.a7);
             },
             set: function (v) {
-                this.i.a6 = igniteuiWebcomponentsCore.stringToBrush(v);
-                this._a("backgroundColor", igniteuiWebcomponentsCore.brushToString(this.i.a6));
+                this.i.a7 = igniteuiWebcomponentsCore.stringToBrush(v);
+                this._a("backgroundColor", igniteuiWebcomponentsCore.brushToString(this.i.a7));
             },
             enumerable: true,
             configurable: true
@@ -11945,11 +12264,11 @@
              * Gets or sets the color to use for the text of the component.
             */
             get: function () {
-                return igniteuiWebcomponentsCore.brushToString(this.i.a9);
+                return igniteuiWebcomponentsCore.brushToString(this.i.ba);
             },
             set: function (v) {
-                this.i.a9 = igniteuiWebcomponentsCore.stringToBrush(v);
-                this._a("textColor", igniteuiWebcomponentsCore.brushToString(this.i.a9));
+                this.i.ba = igniteuiWebcomponentsCore.stringToBrush(v);
+                this._a("textColor", igniteuiWebcomponentsCore.brushToString(this.i.ba));
             },
             enumerable: true,
             configurable: true
@@ -11969,6 +12288,11 @@
             configurable: true
         });
         IgcToolPanelComponent.prototype.findByName = function (name) {
+            if (this.findEphemera) {
+                if (name && name.indexOf("@@e:") == 0) {
+                    return this.findEphemera(name);
+                }
+            }
             if (this.actions != null && this.actions.findByName && this.actions.findByName(name)) {
                 return this.actions.findByName(name);
             }
@@ -12054,6 +12378,7 @@
                     }
                 };
                 this.i.contentRefreshed = igniteuiWebcomponentsCore.delegateCombine(this.i.contentRefreshed, this._contentRefreshed_wrapped);
+                ;
             },
             enumerable: true,
             configurable: true
@@ -12081,6 +12406,7 @@
                     }
                 };
                 this.i.onCommand = igniteuiWebcomponentsCore.delegateCombine(this.i.onCommand, this._onCommand_wrapped);
+                ;
             },
             enumerable: true,
             configurable: true
@@ -12998,6 +13324,11 @@
             configurable: true
         });
         IgcToolbarComponent.prototype.findByName = function (name) {
+            if (this.findEphemera) {
+                if (name && name.indexOf("@@e:") == 0) {
+                    return this.findEphemera(name);
+                }
+            }
             if (this.autoGeneratedActions != null && this.autoGeneratedActions.findByName && this.autoGeneratedActions.findByName(name)) {
                 return this.autoGeneratedActions.findByName(name);
             }
@@ -13101,11 +13432,25 @@
             if (_super.prototype["connectedCallback"]) {
                 _super.prototype["connectedCallback"].call(this);
             }
+            if (this.i.connectedCallback) {
+                this.i.connectedCallback();
+            }
             if (!this._attached) {
                 this._attached = true;
                 this._flushQueuedAttributes();
             }
         };
+        IgcToolActionCheckboxComponent.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(IgcToolActionCheckboxComponent, "observedAttributes", {
             get: function () {
                 if (IgcToolActionCheckboxComponent._observedAttributesIgcToolActionCheckboxComponent == null) {
@@ -13178,11 +13523,25 @@
             if (_super.prototype["connectedCallback"]) {
                 _super.prototype["connectedCallback"].call(this);
             }
+            if (this.i.connectedCallback) {
+                this.i.connectedCallback();
+            }
             if (!this._attached) {
                 this._attached = true;
                 this._flushQueuedAttributes();
             }
         };
+        IgcToolActionGroupHeaderComponent.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(IgcToolActionGroupHeaderComponent, "observedAttributes", {
             get: function () {
                 if (IgcToolActionGroupHeaderComponent._observedAttributesIgcToolActionGroupHeaderComponent == null) {
@@ -13255,11 +13614,25 @@
             if (_super.prototype["connectedCallback"]) {
                 _super.prototype["connectedCallback"].call(this);
             }
+            if (this.i.connectedCallback) {
+                this.i.connectedCallback();
+            }
             if (!this._attached) {
                 this._attached = true;
                 this._flushQueuedAttributes();
             }
         };
+        IgcToolActionNumberInputComponent.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(IgcToolActionNumberInputComponent, "observedAttributes", {
             get: function () {
                 if (IgcToolActionNumberInputComponent._observedAttributesIgcToolActionNumberInputComponent == null) {
@@ -13332,11 +13705,25 @@
             if (_super.prototype["connectedCallback"]) {
                 _super.prototype["connectedCallback"].call(this);
             }
+            if (this.i.connectedCallback) {
+                this.i.connectedCallback();
+            }
             if (!this._attached) {
                 this._attached = true;
                 this._flushQueuedAttributes();
             }
         };
+        IgcToolActionIconButtonComponent.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(IgcToolActionIconButtonComponent, "observedAttributes", {
             get: function () {
                 if (IgcToolActionIconButtonComponent._observedAttributesIgcToolActionIconButtonComponent == null) {
@@ -13404,11 +13791,25 @@
             if (_super.prototype["connectedCallback"]) {
                 _super.prototype["connectedCallback"].call(this);
             }
+            if (this.i.connectedCallback) {
+                this.i.connectedCallback();
+            }
             if (!this._attached) {
                 this._attached = true;
                 this._flushQueuedAttributes();
             }
         };
+        IgcToolActionMenuBaseComponent.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(IgcToolActionMenuBaseComponent, "observedAttributes", {
             get: function () {
                 if (IgcToolActionMenuBaseComponent._observedAttributesIgcToolActionMenuBaseComponent == null) {
@@ -13505,11 +13906,25 @@
             if (_super.prototype["connectedCallback"]) {
                 _super.prototype["connectedCallback"].call(this);
             }
+            if (this.i.connectedCallback) {
+                this.i.connectedCallback();
+            }
             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) {
@@ -13703,6 +14118,198 @@
     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 IgcToolActionLabelComponent = /** @class */ /*@__PURE__*/ (function (_super) {
+        tslib_1.__extends(IgcToolActionLabelComponent, _super);
+        function IgcToolActionLabelComponent() {
+            return _super.call(this) || this;
+        }
+        IgcToolActionLabelComponent.prototype.createImplementation = function () {
+            return new ToolActionLabel();
+        };
+        Object.defineProperty(IgcToolActionLabelComponent.prototype, "i", {
+            /**
+                                         * @hidden
+                                         */
+            get: function () {
+                return this._implementation;
+            },
+            enumerable: true,
+            configurable: true
+        });
+        IgcToolActionLabelComponent.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();
+            }
+        };
+        IgcToolActionLabelComponent.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(IgcToolActionLabelComponent, "observedAttributes", {
+            get: function () {
+                if (IgcToolActionLabelComponent._observedAttributesIgcToolActionLabelComponent == null) {
+                    var names = igniteuiWebcomponentsCore.getAllPropertyNames(IgcToolActionLabelComponent);
+                    for (var i = 0; i < names.length; i++) {
+                        names[i] = igniteuiWebcomponentsCore.toSpinal(names[i]);
+                    }
+                    IgcToolActionLabelComponent._observedAttributesIgcToolActionLabelComponent = names;
+                }
+                return IgcToolActionLabelComponent._observedAttributesIgcToolActionLabelComponent;
+            },
+            enumerable: true,
+            configurable: true
+        });
+        IgcToolActionLabelComponent.register = function () {
+            if (!IgcToolActionLabelComponent._isElementRegistered) {
+                IgcToolActionLabelComponent._isElementRegistered = true;
+                igniteuiWebcomponentsCore.RegisterElementHelper.registerElement(IgcToolActionLabelComponent.htmlTagName, IgcToolActionLabelComponent);
+            }
+        };
+        IgcToolActionLabelComponent._observedAttributesIgcToolActionLabelComponent = null;
+        IgcToolActionLabelComponent.htmlTagName = "igc-tool-action-label";
+        IgcToolActionLabelComponent._isElementRegistered = false;
+        return IgcToolActionLabelComponent;
+    }(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 IgcToolActionLabelModule = /** @class */ /*@__PURE__*/ (function () {
+        function IgcToolActionLabelModule() {
+        }
+        IgcToolActionLabelModule.register = function () {
+            IgcToolActionLabelComponent.register();
+            igniteuiWebcomponentsCore.TypeRegistrar.registerCons("IgcToolActionLabelComponent", IgcToolActionLabelComponent);
+            igniteuiWebcomponentsCore.TypeRegistrar.register("ToolActionLabel", ToolActionLabel.$type);
+        };
+        return IgcToolActionLabelModule;
+    }());
+
+    /*
+    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 IgcToolActionRadioComponent = /** @class */ /*@__PURE__*/ (function (_super) {
+        tslib_1.__extends(IgcToolActionRadioComponent, _super);
+        function IgcToolActionRadioComponent() {
+            return _super.call(this) || this;
+        }
+        IgcToolActionRadioComponent.prototype.createImplementation = function () {
+            return new ToolActionRadio();
+        };
+        Object.defineProperty(IgcToolActionRadioComponent.prototype, "i", {
+            /**
+                                         * @hidden
+                                         */
+            get: function () {
+                return this._implementation;
+            },
+            enumerable: true,
+            configurable: true
+        });
+        IgcToolActionRadioComponent.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();
+            }
+        };
+        IgcToolActionRadioComponent.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(IgcToolActionRadioComponent, "observedAttributes", {
+            get: function () {
+                if (IgcToolActionRadioComponent._observedAttributesIgcToolActionRadioComponent == null) {
+                    var names = igniteuiWebcomponentsCore.getAllPropertyNames(IgcToolActionRadioComponent);
+                    for (var i = 0; i < names.length; i++) {
+                        names[i] = igniteuiWebcomponentsCore.toSpinal(names[i]);
+                    }
+                    IgcToolActionRadioComponent._observedAttributesIgcToolActionRadioComponent = names;
+                }
+                return IgcToolActionRadioComponent._observedAttributesIgcToolActionRadioComponent;
+            },
+            enumerable: true,
+            configurable: true
+        });
+        IgcToolActionRadioComponent.register = function () {
+            if (!IgcToolActionRadioComponent._isElementRegistered) {
+                IgcToolActionRadioComponent._isElementRegistered = true;
+                igniteuiWebcomponentsCore.RegisterElementHelper.registerElement(IgcToolActionRadioComponent.htmlTagName, IgcToolActionRadioComponent);
+            }
+        };
+        Object.defineProperty(IgcToolActionRadioComponent.prototype, "radioGroup", {
+            get: function () {
+                return this.i.bf;
+            },
+            set: function (v) {
+                this.i.bf = v;
+            },
+            enumerable: true,
+            configurable: true
+        });
+        IgcToolActionRadioComponent._observedAttributesIgcToolActionRadioComponent = null;
+        IgcToolActionRadioComponent.htmlTagName = "igc-tool-action-radio";
+        IgcToolActionRadioComponent._isElementRegistered = false;
+        return IgcToolActionRadioComponent;
+    }(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 IgcToolActionRadioModule = /** @class */ /*@__PURE__*/ (function () {
+        function IgcToolActionRadioModule() {
+        }
+        IgcToolActionRadioModule.register = function () {
+            IgcToolActionRadioComponent.register();
+            igniteuiWebcomponentsCore.TypeRegistrar.registerCons("IgcToolActionRadioComponent", IgcToolActionRadioComponent);
+            igniteuiWebcomponentsCore.TypeRegistrar.register("ToolActionRadio", ToolActionRadio.$type);
+        };
+        return IgcToolActionRadioModule;
+    }());
+
+    /*
+    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 IgcToolActionSeparatorComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         tslib_1.__extends(IgcToolActionSeparatorComponent, _super);
         function IgcToolActionSeparatorComponent() {
@@ -13725,11 +14332,25 @@
             if (_super.prototype["connectedCallback"]) {
                 _super.prototype["connectedCallback"].call(this);
             }
+            if (this.i.connectedCallback) {
+                this.i.connectedCallback();
+            }
             if (!this._attached) {
                 this._attached = true;
                 this._flushQueuedAttributes();
             }
         };
+        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(IgcToolActionSeparatorComponent, "observedAttributes", {
             get: function () {
                 if (IgcToolActionSeparatorComponent._observedAttributesIgcToolActionSeparatorComponent == null) {
@@ -14028,10 +14649,10 @@
         };
         Object.defineProperty(IgcPropertyEditorDataSource.prototype, "descriptionType", {
             get: function () {
-                return this.i.l;
+                return this.i.n;
             },
             set: function (v) {
-                this.i.l = v;
+                this.i.n = v;
             },
             enumerable: true,
             configurable: true
@@ -14047,6 +14668,11 @@
             configurable: true
         });
         IgcPropertyEditorDataSource.prototype.findByName = function (name) {
+            if (this.findEphemera) {
+                if (name && name.indexOf("@@e:") == 0) {
+                    return this.findEphemera(name);
+                }
+            }
             return null;
         };
         return IgcPropertyEditorDataSource;
@@ -14099,11 +14725,15 @@
     exports.IgcToolActionIconButtonModule = IgcToolActionIconButtonModule;
     exports.IgcToolActionIconMenuComponent = IgcToolActionIconMenuComponent;
     exports.IgcToolActionIconMenuModule = IgcToolActionIconMenuModule;
+    exports.IgcToolActionLabelComponent = IgcToolActionLabelComponent;
+    exports.IgcToolActionLabelModule = IgcToolActionLabelModule;
     exports.IgcToolActionMenuBaseComponent = IgcToolActionMenuBaseComponent;
     exports.IgcToolActionModule = IgcToolActionModule;
     exports.IgcToolActionNumberInputComponent = IgcToolActionNumberInputComponent;
     exports.IgcToolActionNumberInputModule = IgcToolActionNumberInputModule;
     exports.IgcToolActionPerformedEventArgs = IgcToolActionPerformedEventArgs;
+    exports.IgcToolActionRadioComponent = IgcToolActionRadioComponent;
+    exports.IgcToolActionRadioModule = IgcToolActionRadioModule;
     exports.IgcToolActionSeparatorComponent = IgcToolActionSeparatorComponent;
     exports.IgcToolActionSeparatorModule = IgcToolActionSeparatorModule;
     exports.IgcToolCommandEventArgs = IgcToolCommandEventArgs;
@@ -14167,10 +14797,12 @@
     exports.ToolActionGroupHeader = ToolActionGroupHeader;
     exports.ToolActionIconButton = ToolActionIconButton;
     exports.ToolActionIconMenu = ToolActionIconMenu;
+    exports.ToolActionLabel = ToolActionLabel;
     exports.ToolActionMeasurementContext = ToolActionMeasurementContext;
     exports.ToolActionMenuBase = ToolActionMenuBase;
     exports.ToolActionNumberInput = ToolActionNumberInput;
     exports.ToolActionPerformedEventArgs = ToolActionPerformedEventArgs;
+    exports.ToolActionRadio = ToolActionRadio;
     exports.ToolActionSeparator = ToolActionSeparator;
     exports.ToolCommandEventArgs = ToolCommandEventArgs;
     exports.ToolPanel = ToolPanel;