igniteui-webcomponents-layouts 3.2.4 → 3.5.0

package/fesm2015/igniteui-webcomponents-layouts.js

@@ -5,7 +5,7 @@
     GOVERNS THE LICENSING, INSTALLATION AND USE OF INFRAGISTICS SOFTWARE. BY DOWNLOADING AND/OR INSTALLING AND USING INFRAGISTICS SOFTWARE:  you are indicating that you have read and understand this Agreement, and agree to be legally bound by it on behalf of the yourself and your company.
   */
   
-import { Base, markType, EventArgs, ElevationHelper, NativeUI, AnimationKeyFrameEffect, KeyFrameAnimationFactory, runOn, BaseDOMEventProxy, BrushUtil, stringEmpty, PropertyChangedEventArgs, AnimationKeyFrameProperty, TranslateTransform, AnimationKeyFrameEffectTiming, INotifyPropertyChanged_$type, IgcHTMLElement, NamePatcher, PortalManager, WebComponentRenderer, toSpinal, getAllPropertyNames, fromSpinal, RegisterElementHelper, brushToString, stringToBrush, ensureBool, initializePropertiesFromCss, delegateRemove, delegateCombine, TypeRegistrar, ValueType, markStruct, StringBuilder, Size, stringFormat, Rect, List$1, truncate, AppearanceHelper, toRect, IgcChildContentModule, markEnum, enumGetBox, ObservableCollection$1, stringEndsWith, stringSplit, String_$type, stringContains, stringReplace, typeCast, IgCollection, SyncableObservableCollection$2, SyncableObservableCollection$1, ensureEnum, enumToString, DescriptionTreeNode, JsonDictionaryObject, Number_$type, stringJoin, DescriptionSerializerBuilder, DescriptionSerializer, FontInfo, DOMExecutionContext, RenderingContext, CanvasViewRenderer, NativeUIComponent, FontUtil, DeviceUtils, Dictionary$2, NativeUIInputsFactory, SRProvider, fromEn, LocalDataSource, ComponentRenderer, fromEnum, Thickness, HashSet$1, isNaN_, tryParseNumber, tryParseBool, typeGetValue, CollectionAdapter, NotifyCollectionChangedAction, FastIterationDictionary$2, Stack$1, IDataSource_$type, IDataSourceUpdateNotifier_$type, ToolCommandArgument, ToolCommand, EnumUtil, ToolActionType_$type, NativeUIContent, SvgIconRegistry, Type } from 'igniteui-webcomponents-core';
+import { Base, markType, EventArgs, ElevationHelper, NativeUI, AnimationKeyFrameEffect, KeyFrameAnimationFactory, runOn, BaseDOMEventProxy, BrushUtil, stringEmpty, PropertyChangedEventArgs, AnimationKeyFrameProperty, TranslateTransform, AnimationKeyFrameEffectTiming, INotifyPropertyChanged_$type, IgcHTMLElement, NamePatcher, PortalManager, WebComponentRenderer, toSpinal, getAllPropertyNames, fromSpinal, RegisterElementHelper, brushToString, stringToBrush, ensureBool, initializePropertiesFromCss, delegateRemove, delegateCombine, TypeRegistrar, ValueType, markStruct, StringBuilder, Size, stringFormat, Rect, List$1, truncate, AppearanceHelper, toRect, IgcChildContentModule, markEnum, enumGetBox, ObservableCollection$1, Dictionary$2, String_$type, stringEndsWith, stringSplit, stringContains, stringReplace, typeCast, IgCollection, SyncableObservableCollection$2, SyncableObservableCollection$1, ensureEnum, enumToString, DescriptionTreeNode, JsonDictionaryObject, Number_$type, stringJoin, DescriptionSerializerBuilder, DescriptionSerializer, FontInfo, DOMExecutionContext, RenderingContext, CanvasViewRenderer, NativeUIComponent, FontUtil, DeviceUtils, NativeUIInputsFactory, SRProvider, fromEn, LocalDataSource, ComponentRenderer, fromEnum, Thickness, HashSet$1, isNaN_, tryParseNumber, tryParseBool, typeGetValue, CollectionAdapter, NotifyCollectionChangedAction, FastIterationDictionary$2, Stack$1, IDataSource_$type, IDataSourceUpdateNotifier_$type, ToolCommandArgument, ToolCommand, EnumUtil, ToolActionType_$type, NativeUIContent, SvgIconRegistry, Type } from 'igniteui-webcomponents-core';
 
 /*
 THIS INFRAGISTICS ULTIMATE SOFTWARE LICENSE  AGREEMENT ("AGREEMENT") LOCATED HERE:
@@ -1193,6 +1193,11 @@ let IgcXExpansionPanelComponent = /*@__PURE__*/ (() => {
             this._a("actualAmbientShadowColor", brushToString(this.i.bi));
         }
         findByName(name) {
+            if (this.findEphemera) {
+                if (name && name.indexOf("@@e:") == 0) {
+                    return this.findEphemera(name);
+                }
+            }
             return null;
         }
         get hasUserValues() {
@@ -1293,6 +1298,7 @@ let IgcXExpansionPanelComponent = /*@__PURE__*/ (() => {
                 }
             };
             this.i.onCollapsed = delegateCombine(this.i.onCollapsed, this._onCollapsed_wrapped);
+            ;
         }
         get onExpanded() {
             return this._onExpanded;
@@ -1315,6 +1321,7 @@ let IgcXExpansionPanelComponent = /*@__PURE__*/ (() => {
                 }
             };
             this.i.onExpanded = delegateCombine(this.i.onExpanded, this._onExpanded_wrapped);
+            ;
         }
     }
     IgcXExpansionPanelComponent._observedAttributesIgcXExpansionPanelComponent = null;
@@ -2371,6 +2378,11 @@ let IgcPopupComponent = /*@__PURE__*/ (() => {
             this._a("background", brushToString(this.i.a8));
         }
         findByName(name) {
+            if (this.findEphemera) {
+                if (name && name.indexOf("@@e:") == 0) {
+                    return this.findEphemera(name);
+                }
+            }
             return null;
         }
         get hasUserValues() {
@@ -2473,6 +2485,7 @@ let IgcPopupComponent = /*@__PURE__*/ (() => {
                 }
             };
             this.i.onClosed = delegateCombine(this.i.onClosed, this._onClosed_wrapped);
+            ;
         }
         /**
          * Fires when the popup is shown
@@ -2498,6 +2511,7 @@ let IgcPopupComponent = /*@__PURE__*/ (() => {
                 }
             };
             this.i.onPopup = delegateCombine(this.i.onPopup, this._onPopup_wrapped);
+            ;
         }
     }
     IgcPopupComponent._observedAttributesIgcPopupComponent = null;
@@ -2551,12 +2565,13 @@ var PropertyEditorValueType = /*@__PURE__*/ (function (PropertyEditorValueType)
     PropertyEditorValueType[PropertyEditorValueType["TimeSpan"] = 19] = "TimeSpan";
     PropertyEditorValueType[PropertyEditorValueType["Button"] = 20] = "Button";
     PropertyEditorValueType[PropertyEditorValueType["Slider"] = 21] = "Slider";
+    PropertyEditorValueType[PropertyEditorValueType["TemplateRef"] = 22] = "TemplateRef";
     return PropertyEditorValueType;
 })({});
 /**
  * @hidden
  */
-let PropertyEditorValueType_$type = /*@__PURE__*/ 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');
+let PropertyEditorValueType_$type = /*@__PURE__*/ 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:
@@ -2868,7 +2883,7 @@ let PropertyEditorPropertyDescription = /*@__PURE__*/ (() => {
                 return this.e;
             }
             if (this.e != null) {
-                return this.e.d(a, false);
+                return this.e.e(a, false);
             }
             return null;
         }
@@ -2920,18 +2935,19 @@ let PropertyEditorDataSource = /*@__PURE__*/ (() => {
     class PropertyEditorDataSource extends Base {
         constructor() {
             super(...arguments);
-            this.i = null;
+            this.k = null;
             this.a = null;
-            this.f = null;
+            this.g = null;
             this.propertyChanged = null;
+            this.j = null;
         }
-        get l() {
-            return this.i;
+        get n() {
+            return this.k;
         }
-        set l(a) {
-            let b = this.i;
-            this.i = a;
-            this.n("DescriptionType", b, this.i);
+        set n(a) {
+            let b = this.k;
+            this.k = a;
+            this.p("DescriptionType", b, this.k);
         }
         get b() {
             return this.a;
@@ -2939,61 +2955,69 @@ let PropertyEditorDataSource = /*@__PURE__*/ (() => {
         set b(a) {
             let b = this.a;
             this.a = a;
-            this.n("Context", b, this.a);
+            this.p("Context", b, this.a);
         }
-        get g() {
-            return this.f;
+        get h() {
+            return this.g;
         }
-        set g(a) {
-            let b = this.f;
-            this.f = a;
-            this.n("Data", b, this.f);
+        set h(a) {
+            let b = this.g;
+            this.g = a;
+            this.p("Data", b, this.g);
         }
-        n(a, b, c) {
+        p(a, b, c) {
             if (this.propertyChanged != null) {
                 this.propertyChanged(this, new PropertyChangedEventArgs(a));
             }
-            this.o(a, b, c);
+            this.q(a, b, c);
         }
-        o(a, b, c) {
+        q(a, b, c) {
             switch (a) {
                 case "DescriptionType":
-                    this.p();
+                    this.r();
                     break;
                 case "Context":
-                    this.p();
+                    this.r();
                     break;
             }
         }
-        e(a) {
+        static d(a, b, c) {
+            let d = new PropertyEditorDataSource();
+            d.j = c;
+            d.b = a;
+            d.n = b;
+            d.j = null;
+            return d;
+        }
+        f(a) {
             let 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 = ((() => {
-                    let $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 = ((() => {
-                    let $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;
         }
-        h(a) {
+        i(a) {
             switch (a.knownType) {
                 case 10: return 10;
                 case 7: return 7;
@@ -3003,6 +3027,7 @@ let PropertyEditorDataSource = /*@__PURE__*/ (() => {
                 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;
@@ -3024,31 +3049,46 @@ let PropertyEditorDataSource = /*@__PURE__*/ (() => {
             }
             return 0;
         }
-        p() {
+        r() {
             let a = new PropertyEditorPropertyDescriptionCollection();
-            if (this.l != null && this.b != null) {
-                let b = this.b.b(this.l);
-                if (b == null) {
+            if (this.n != null && this.b != null) {
+                let b = false;
+                if (this.j == null) {
+                    b = true;
+                    this.j = new Dictionary$2(String_$type, PropertyEditorDataSource.$, 0);
+                }
+                this.j.item(this.n, this);
+                let c = this.b.b(this.n);
+                if (c == null) {
                     return;
                 }
-                for (let c = 0; c < b.length; c++) {
-                    if (stringEndsWith(b[c], "@names")) {
+                for (let d = 0; d < c.length; d++) {
+                    if (stringEndsWith(c[d], "@names")) {
                         continue;
                     }
-                    if (stringEndsWith(b[c], "@nameBinding")) {
+                    if (stringEndsWith(c[d], "@nameBinding")) {
                         continue;
                     }
-                    let d = this.b.getMetadata(this.l, b[c]);
-                    let e = this.e(d);
-                    if (e.n == 0) {
+                    if (stringEndsWith(c[d], "@ngQueryList")) {
                         continue;
                     }
-                    a.add(e);
+                    if (stringEndsWith(c[d], "@mustSetInCode")) {
+                        continue;
+                    }
+                    let e = this.b.getMetadata(this.n, c[d]);
+                    let f = this.f(e);
+                    if (f.n == 0) {
+                        continue;
+                    }
+                    a.add(f);
+                }
+                if (b) {
+                    this.j = null;
                 }
             }
-            this.g = a;
+            this.h = a;
         }
-        d(a, b) {
+        e(a, b) {
             if (a == null) {
                 return null;
             }
@@ -3071,9 +3111,9 @@ let PropertyEditorDataSource = /*@__PURE__*/ (() => {
                         g = h.substr(0, k).trim();
                         f = h.substr(k + 2).trim();
                     }
-                    if (f != null && f != this.l) {
+                    if (f != null && f != this.n) {
                         let l = this.c();
-                        l.l = f;
+                        l.n = f;
                         e = l;
                         continue;
                     }
@@ -3091,19 +3131,19 @@ let PropertyEditorDataSource = /*@__PURE__*/ (() => {
                 else {
                     if (e != null) {
                         let n = e;
-                        let o = n.d(h, i);
+                        let o = n.e(h, i);
                         if (o == null) {
                             return null;
                         }
                         e = o;
                     }
                     else {
-                        if (this.g == null) {
+                        if (this.h == null) {
                             return null;
                         }
-                        for (let p = 0; p < this.g.count; p++) {
-                            if (Base.equalsStatic(this.g._inner[p].al, h)) {
-                                e = this.g._inner[p];
+                        for (let p = 0; p < this.h.count; p++) {
+                            if (Base.equalsStatic(this.h._inner[p].al, h)) {
+                                e = this.h._inner[p];
                                 break;
                             }
                         }
@@ -3119,7 +3159,7 @@ let PropertyEditorDataSource = /*@__PURE__*/ (() => {
             return ((() => {
                 let $ret = new PropertyEditorDataSource();
                 $ret.b = this.b;
-                $ret.l = this.l;
+                $ret.n = this.n;
                 return $ret;
             })());
         }
@@ -3278,6 +3318,11 @@ class IgcPropertyEditorDescriptionObject {
         this.i.a = innerColl;
     }
     findByName(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);
         }
@@ -3518,11 +3563,25 @@ let IgcPropertyEditorPropertyDescriptionComponent = /*@__PURE__*/ (() => {
             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 (IgcPropertyEditorPropertyDescriptionComponent._observedAttributesIgcPropertyEditorPropertyDescriptionComponent == null) {
                 let names = getAllPropertyNames(IgcPropertyEditorPropertyDescriptionComponent);
@@ -3648,15 +3707,21 @@ let IgcPropertyEditorPropertyDescriptionComponent = /*@__PURE__*/ (() => {
             this._a("step", this.i.aa);
         }
         get complexValue() {
-            if (this.i.g == null) {
+            const r = this.i.g;
+            if (r == null) {
                 return null;
             }
-            if (!this.i.g.externalObject) {
+            if (!r.externalObject) {
                 let 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 complexValue(v) {
             v == null ? this.i.g = null : this.i.g = v.i;
@@ -3691,6 +3756,11 @@ let IgcPropertyEditorPropertyDescriptionComponent = /*@__PURE__*/ (() => {
             this.i.i = innerColl;
         }
         findByName(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;
             }
@@ -3773,6 +3843,7 @@ let IgcPropertyEditorPropertyDescriptionComponent = /*@__PURE__*/ (() => {
                 }
             };
             this.i.buttonClicked = delegateCombine(this.i.buttonClicked, this._buttonClicked_wrapped);
+            ;
         }
         get changed() {
             return this._changed;
@@ -3795,6 +3866,7 @@ let IgcPropertyEditorPropertyDescriptionComponent = /*@__PURE__*/ (() => {
                 }
             };
             this.i.changed = delegateCombine(this.i.changed, this._changed_wrapped);
+            ;
         }
         get targetPropertyUpdating() {
             return this._targetPropertyUpdating;
@@ -3817,6 +3889,7 @@ let IgcPropertyEditorPropertyDescriptionComponent = /*@__PURE__*/ (() => {
                 }
             };
             this.i.targetPropertyUpdating = delegateCombine(this.i.targetPropertyUpdating, this._targetPropertyUpdating_wrapped);
+            ;
         }
     }
     IgcPropertyEditorPropertyDescriptionComponent._observedAttributesIgcPropertyEditorPropertyDescriptionComponent = null;
@@ -4110,6 +4183,7 @@ let PropertyEditorTreeTransformer = /*@__PURE__*/ (() => {
                 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;
@@ -4489,11 +4563,11 @@ let PropertyEditorPanel = /*@__PURE__*/ (() => {
                         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 {
@@ -4539,8 +4613,8 @@ let PropertyEditorPanel = /*@__PURE__*/ (() => {
                         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 {
@@ -4631,7 +4705,7 @@ let PropertyEditorPanel = /*@__PURE__*/ (() => {
             for (let c of fromEnum(this.properties)) {
                 let d = c.al;
                 if (this.k != null) {
-                    let e = this.k.d(d, false);
+                    let e = this.k.e(d, false);
                     if (e != null) {
                         if (c.p(e)) {
                             b = true;
@@ -4666,11 +4740,11 @@ let PropertyEditorPanel = /*@__PURE__*/ (() => {
             for (let b = 0; b < a; b++) {
                 let c = b;
                 let d = this.c.getItemAtIndex(b);
-                if (this.v.a3 < c + 1) {
-                    this.v.a5(c, 1, this.ar);
+                if (this.v.a5 < c + 1) {
+                    this.v.a7(c, 1, this.ar);
                 }
                 else {
-                    this.v.bb(c, 1, this.ar);
+                    this.v.bd(c, 1, this.ar);
                 }
                 if (this.an.count < c + 1) {
                     this.an.add(new List$1(NativeUIComponent.$, 0));
@@ -4687,16 +4761,16 @@ let PropertyEditorPanel = /*@__PURE__*/ (() => {
                             }
                             i.ar = new 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.v.a0 < f + 1) {
-                        this.v.a4(f, 1, g.h);
+                    if (this.v.a2 < f + 1) {
+                        this.v.a6(f, 1, g.h);
                     }
                     else {
-                        this.v.ba(f, 1, g.h);
+                        this.v.bc(f, 1, g.h);
                     }
                     let h = e._inner[f];
                     let i = "PropertyPath";
@@ -4722,8 +4796,8 @@ let PropertyEditorPanel = /*@__PURE__*/ (() => {
             let n = new HashSet$1(NativeUIComponent.$, 0);
             for (let o = this.v.av - 1; o >= 0; o--) {
                 let p = this.v.au(o);
-                let q = this.v.a2(p);
-                let r = this.v.a1(p);
+                let q = this.v.a4(p);
+                let r = this.v.a3(p);
                 if ((q + 1) > a || (r + 1) > this.ap.count) {
                     n.add_1(p);
                 }
@@ -4745,11 +4819,11 @@ let PropertyEditorPanel = /*@__PURE__*/ (() => {
                     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);
             }
         }
         dw(a, b) {
@@ -6154,6 +6228,11 @@ let IgcPropertyEditorPanelComponent = /*@__PURE__*/ (() => {
             this._a("textColor", brushToString(this.i.d9));
         }
         findByName(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);
             }
@@ -7439,6 +7518,11 @@ class IgcListPanelItemModel {
         this.i.e = ensureBool(v);
     }
     findByName(name) {
+        if (this.findEphemera) {
+            if (name && name.indexOf("@@e:") == 0) {
+                return this.findEphemera(name);
+            }
+        }
         return null;
     }
 }
@@ -7466,15 +7550,21 @@ class IgcListPanelTemplateItemUpdatingEventArgs {
         this.onImplementationCreated();
     }
     get model() {
-        if (this.i.a == null) {
+        const r = this.i.a;
+        if (r == null) {
             return null;
         }
-        if (!this.i.a.externalObject) {
+        if (!r.externalObject) {
             let 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 model(v) {
         v == null ? this.i.a = null : this.i.a = v.i;
@@ -7837,6 +7927,11 @@ let IgcListPanelComponent = /*@__PURE__*/ (() => {
             this._a("textColor", brushToString(this.i.cv));
         }
         findByName(name) {
+            if (this.findEphemera) {
+                if (name && name.indexOf("@@e:") == 0) {
+                    return this.findEphemera(name);
+                }
+            }
             return null;
         }
         get hasUserValues() {
@@ -7966,6 +8061,7 @@ let IgcListPanelComponent = /*@__PURE__*/ (() => {
                 }
             };
             this.i.contentRefreshed = delegateCombine(this.i.contentRefreshed, this._contentRefreshed_wrapped);
+            ;
         }
         get rowUpdating() {
             return this._rowUpdating;
@@ -7988,6 +8084,7 @@ let IgcListPanelComponent = /*@__PURE__*/ (() => {
                 }
             };
             this.i.rowUpdating = delegateCombine(this.i.rowUpdating, this._rowUpdating_wrapped);
+            ;
         }
         get itemWidthRequested() {
             return this._itemWidthRequested;
@@ -8010,6 +8107,7 @@ let IgcListPanelComponent = /*@__PURE__*/ (() => {
                 }
             };
             this.i.itemWidthRequested = delegateCombine(this.i.itemWidthRequested, this._itemWidthRequested_wrapped);
+            ;
         }
         get itemHeightRequested() {
             return this._itemHeightRequested;
@@ -8032,6 +8130,7 @@ let IgcListPanelComponent = /*@__PURE__*/ (() => {
                 }
             };
             this.i.itemHeightRequested = delegateCombine(this.i.itemHeightRequested, this._itemHeightRequested_wrapped);
+            ;
         }
     }
     IgcListPanelComponent._observedAttributesIgcListPanelComponent = null;
@@ -8229,8 +8328,8 @@ let ToolPanelView = /*@__PURE__*/ (() => {
             }
             let b = a.rootWrapper;
             if (null != b) {
-                NativeUI.o(b, this.c.a9);
-                NativeUI.k(b, this.c.a6);
+                NativeUI.o(b, this.c.ba);
+                NativeUI.k(b, this.c.a7);
             }
         }
         f() {
@@ -8635,12 +8734,18 @@ let ToolAction = /*@__PURE__*/ (() => {
                     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;
@@ -8666,13 +8771,166 @@ let ToolAction = /*@__PURE__*/ (() => {
     ToolAction.$t = /*@__PURE__*/ markType(ToolAction, 'ToolAction', Base.$, [INotifyPropertyChanged_$type]);
     return ToolAction;
 })();
+/**
+ * @hidden
+ */
+let ToolActionLabel = /*@__PURE__*/ (() => {
+    class ToolActionLabel extends ToolAction {
+        get_f() {
+            return 4;
+        }
+        bf(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, 1, isNaN_(g.e) ? 0 : g.e);
+                b.a6(1, 1, isNaN_(g.g) ? 0 : g.g);
+                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, 1);
+                c.e = 1;
+                b.a1 = runOn(this, this.be);
+            }
+            b.h = f.a.j;
+            b.aj = BrushUtil.g(0, 0, 0, 0);
+            c.au = this.ap;
+            c.al = BrushUtil.g(255, 20, 20, 20);
+        }
+        be(a, b) {
+            this.a9(this.b(false), 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, 3], (f) => {
+                    let g = f[0];
+                    let h = f[1];
+                    e.a0 = g;
+                    this.bf(e, g, h, a, b, c, d);
+                });
+                ;
+            }
+            else {
+                let f = e.a0;
+                let g = f.au(0);
+                this.bf(e, f, g, a, b, c, d);
+            }
+        }
+    }
+    ToolActionLabel.$t = /*@__PURE__*/ markType(ToolActionLabel, 'ToolActionLabel', ToolAction.$);
+    return ToolActionLabel;
+})();
+/**
+ * @hidden
+ */
+let ToolActionRadio = /*@__PURE__*/ (() => {
+    class ToolActionRadio extends ToolAction {
+        constructor() {
+            super(...arguments);
+            this.bf = null;
+            this.be = null;
+        }
+        get_f() {
+            return 6;
+        }
+        b(a) {
+            let b = new ToolActionEventDetail();
+            b.a = this;
+            b.b = this.f;
+            b.d = a;
+            if (this.be != null) {
+                b.c = this.be.aw;
+            }
+            return b;
+        }
+        x() {
+            return this.be.aw;
+        }
+        bg() {
+            if (this.be != null) {
+                this.be.aw = false;
+            }
+        }
+        o(a, b) {
+            return 30;
+        }
+        bi(a, b, c, d, e, f, g, h) {
+            if (a.w == null || EnumUtil.getEnumValue(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, isNaN_(h.e) ? 0 : h.e);
+                b.a6(1, 1, isNaN_(h.g) ? 0 : h.g);
+                b.a6(1, 2, 1);
+                b.as = new 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 = runOn(this, this.bh);
+                c.e = 1;
+            }
+            b.h = g.a.j;
+            c.au = this.ap;
+            c.al = BrushUtil.g(255, 20, 20, 20);
+        }
+        bh(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, 3, 6], (f) => {
+                    let g = f[0];
+                    let h = f[1];
+                    let i = f[2];
+                    e.a0 = g;
+                    this.bi(e, g, h, i, a, b, c, d);
+                });
+            }
+            else {
+                let f = e.a0;
+                let g = f.au(0);
+                let h = f.au(1);
+                this.bi(e, f, g, h, a, b, c, d);
+            }
+        }
+    }
+    ToolActionRadio.$t = /*@__PURE__*/ markType(ToolActionRadio, 'ToolActionRadio', ToolAction.$);
+    return ToolActionRadio;
+})();
 /**
  * @hidden
  */
 let ToolActionSeparator = /*@__PURE__*/ (() => {
     class ToolActionSeparator extends ToolAction {
         get_f() {
-            return 5;
+            return 7;
         }
         a5(a, b) {
             super.a5(a, b);
@@ -8756,14 +9014,14 @@ let ToolActionIconButton = /*@__PURE__*/ (() => {
                 else {
                     b.d = 3;
                 }
-                b.a5(0, 2, 1);
-                b.a4(0, 1, isNaN_(g.f) ? 0 : g.f);
+                b.a7(0, 2, 1);
+                b.a6(0, 1, isNaN_(g.f) ? 0 : g.f);
                 b.as = new 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 = runOn(this, this.bf);
@@ -8813,9 +9071,9 @@ let ToolActionGroupHeader = /*@__PURE__*/ (() => {
                 else {
                     b.d = 3;
                 }
-                b.a5(0, 2, 1);
-                b.a4(0, 1, isNaN_(g.e) ? 0 : g.e);
-                b.a4(1, 2, 1);
+                b.a7(0, 2, 1);
+                b.a6(0, 1, isNaN_(g.e) ? 0 : g.e);
+                b.a6(1, 2, 1);
                 b.as = new Thickness(1, this.r, this.t, this.s, this.q);
                 if (b.av == 0) {
                     b.aw(c);
@@ -8828,8 +9086,8 @@ let ToolActionGroupHeader = /*@__PURE__*/ (() => {
             b.aq = new Thickness(1, 0, 0, 0, 2);
             c.au = this.ap;
             c.al = BrushUtil.g(255, 20, 20, 20);
-            b.a9(c, 0);
-            b.a8(c, 1);
+            b.bb(c, 0);
+            b.ba(c, 1);
         }
         bb(a, b, c, d) {
             super.bb(a, b, c, d);
@@ -8996,14 +9254,14 @@ let ToolActionIconMenu = /*@__PURE__*/ (() => {
                 else {
                     b.d = 3;
                 }
-                b.a5(0, 2, 1);
-                b.a4(0, 1, isNaN_(g.f) ? 0 : g.f);
+                b.a7(0, 2, 1);
+                b.a6(0, 1, isNaN_(g.f) ? 0 : g.f);
                 b.as = new 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 = runOn(this, this.b0);
@@ -9073,19 +9331,19 @@ let ToolActionCheckbox = /*@__PURE__*/ (() => {
                 else {
                     b.d = 3;
                 }
-                b.a5(0, 2, 1);
-                b.a4(0, 1, isNaN_(h.e) ? 0 : h.e);
-                b.a4(1, 1, isNaN_(h.g) ? 0 : h.g);
-                b.a4(1, 2, 1);
+                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.as = new 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;
@@ -9133,7 +9391,7 @@ let ToolActionNumberInput = /*@__PURE__*/ (() => {
             this.be = null;
         }
         get_f() {
-            return 4;
+            return 5;
         }
         x() {
             return this.bf();
@@ -9150,19 +9408,19 @@ let ToolActionNumberInput = /*@__PURE__*/ (() => {
                 else {
                     b.d = 3;
                 }
-                b.a5(0, 2, 1);
-                b.a4(0, 1, isNaN_(h.e) ? 0 : h.e);
-                b.a4(1, 1, isNaN_(h.g) ? 0 : h.g);
-                b.a4(1, 2, 1);
+                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.as = new 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;
@@ -9300,8 +9558,8 @@ let ToolPanel = /*@__PURE__*/ (() => {
             this.v = new Dictionary$2(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;
@@ -9424,7 +9682,7 @@ let ToolPanel = /*@__PURE__*/ (() => {
             }
             this.t = false;
             this.al();
-            this.a3();
+            this.a4();
             for (let a = 0; a < this.d.count; a++) {
                 this.as(this.d._inner[a]);
             }
@@ -9451,6 +9709,15 @@ let ToolPanel = /*@__PURE__*/ (() => {
                     }
                 }
             }
+            for (let d = 0; d < this.d.count; d++) {
+                if (this.d._inner[d].f == 6) {
+                    let e = this.d._inner[d].bf;
+                    if (!this.x.containsKey(e)) {
+                        this.x.item(e, new List$1(ToolAction.$, 0));
+                    }
+                    this.x.item(e).add(this.d._inner[d]);
+                }
+            }
         }
         u(a) {
             if (a.ao == null) {
@@ -9501,7 +9768,7 @@ let ToolPanel = /*@__PURE__*/ (() => {
                 }
             }
         }
-        a3() {
+        a4() {
             this.f = new ToolActionMeasurementContext();
             this.f.a = this.k;
             this.f.b = this.z;
@@ -9519,6 +9786,19 @@ let ToolPanel = /*@__PURE__*/ (() => {
                 this.b.bt();
             }
         }
+        a3(a) {
+            let b = a.bf;
+            let c = a.ao;
+            if (this.x != null) {
+                if (this.x.containsKey(b)) {
+                    for (let 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();
+                        }
+                    }
+                }
+            }
+        }
         ar(a, b) {
             this.av();
         }
@@ -9580,23 +9860,23 @@ let ToolPanel = /*@__PURE__*/ (() => {
                     break;
             }
         }
-        get a6() {
-            return this.a4;
-        }
-        set a6(a) {
-            let b = this.a4;
-            this.a4 = a;
-            if (b != this.a4) {
-                this.ax("BackgroundColor", b, a);
-            }
-        }
-        get a9() {
+        get a7() {
             return this.a5;
         }
-        set a9(a) {
+        set a7(a) {
             let b = this.a5;
             this.a5 = a;
             if (b != this.a5) {
+                this.ax("BackgroundColor", b, a);
+            }
+        }
+        get ba() {
+            return this.a6;
+        }
+        set ba(a) {
+            let b = this.a6;
+            this.a6 = a;
+            if (b != this.a6) {
                 this.ax("TextColor", b, a);
             }
         }
@@ -9618,11 +9898,14 @@ let ToolPanel = /*@__PURE__*/ (() => {
                     return $ret;
                 })()));
             }
+            if (a.f == 6) {
+                this.a3(a);
+            }
         }
     }
     ToolPanel.$t = /*@__PURE__*/ markType(ToolPanel, 'ToolPanel', Base.$, [INotifyPropertyChanged_$type]);
-    ToolPanel.a7 = /*@__PURE__*/ BrushUtil.g(255, 248, 248, 248);
-    ToolPanel.a8 = /*@__PURE__*/ BrushUtil.g(255, 24, 29, 31);
+    ToolPanel.a8 = /*@__PURE__*/ BrushUtil.g(255, 248, 248, 248);
+    ToolPanel.a9 = /*@__PURE__*/ BrushUtil.g(255, 24, 29, 31);
     ToolPanel.j = 0;
     return ToolPanel;
 })();
@@ -9694,17 +9977,18 @@ class IgcToolActionEventDetail {
         this.onImplementationCreated();
     }
     get action() {
-        if (this.i.a == null) {
+        const r = this.i.a;
+        if (r == null) {
             return null;
         }
-        if (!this.i.a.externalObject) {
-            let e = IgcToolActionComponent._createFromInternal(this.i.a);
+        if (!r.externalObject) {
+            let 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 action(v) {
         v == null ? this.i.a = null : this.i.a = v.i;
@@ -9746,6 +10030,11 @@ class IgcToolActionEventDetail {
         this.i.g = v;
     }
     findByName(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;
         }
@@ -9841,15 +10130,21 @@ class IgcToolActionPerformedEventArgs {
         this.i.c = ensureBool(v);
     }
     get detail() {
-        if (this.i.a == null) {
+        const r = this.i.a;
+        if (r == null) {
             return null;
         }
-        if (!this.i.a.externalObject) {
+        if (!r.externalObject) {
             let 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 detail(v) {
         v == null ? this.i.a = null : this.i.a = v.i;
@@ -9978,11 +10273,25 @@ let IgcToolActionComponent = /*@__PURE__*/ (() => {
             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 (IgcToolActionComponent._observedAttributesIgcToolActionComponent == null) {
                 let names = getAllPropertyNames(IgcToolActionComponent);
@@ -10088,6 +10397,11 @@ let IgcToolActionComponent = /*@__PURE__*/ (() => {
             this.i.ak = v;
         }
         findByName(name) {
+            if (this.findEphemera) {
+                if (name && name.indexOf("@@e:") == 0) {
+                    return this.findEphemera(name);
+                }
+            }
             return null;
         }
         get hasUserValues() {
@@ -10167,6 +10481,7 @@ let IgcToolActionComponent = /*@__PURE__*/ (() => {
                 }
             };
             this.i.onCommand = delegateCombine(this.i.onCommand, this._onCommand_wrapped);
+            ;
         }
         get performed() {
             return this._performed;
@@ -10189,6 +10504,7 @@ let IgcToolActionComponent = /*@__PURE__*/ (() => {
                 }
             };
             this.i.performed = delegateCombine(this.i.performed, this._performed_wrapped);
+            ;
         }
     }
     IgcToolActionComponent._observedAttributesIgcToolActionComponent = null;
@@ -10495,21 +10811,21 @@ let IgcToolPanelComponent = /*@__PURE__*/ (() => {
          * Gets or sets the color to use for the background of the component.
         */
         get backgroundColor() {
-            return brushToString(this.i.a6);
+            return brushToString(this.i.a7);
         }
         set backgroundColor(v) {
-            this.i.a6 = stringToBrush(v);
-            this._a("backgroundColor", brushToString(this.i.a6));
+            this.i.a7 = stringToBrush(v);
+            this._a("backgroundColor", brushToString(this.i.a7));
         }
         /**
          * Gets or sets the color to use for the text of the component.
         */
         get textColor() {
-            return brushToString(this.i.a9);
+            return brushToString(this.i.ba);
         }
         set textColor(v) {
-            this.i.a9 = stringToBrush(v);
-            this._a("textColor", brushToString(this.i.a9));
+            this.i.ba = stringToBrush(v);
+            this._a("textColor", brushToString(this.i.ba));
         }
         /**
          * Gets or sets the color to use for the background of the component.
@@ -10522,6 +10838,11 @@ let IgcToolPanelComponent = /*@__PURE__*/ (() => {
             this._a("orientation", enumToString(ToolPanelOrientation_$type, this.i.k));
         }
         findByName(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);
             }
@@ -10601,6 +10922,7 @@ let IgcToolPanelComponent = /*@__PURE__*/ (() => {
                 }
             };
             this.i.contentRefreshed = delegateCombine(this.i.contentRefreshed, this._contentRefreshed_wrapped);
+            ;
         }
         get onCommand() {
             return this._onCommand;
@@ -10623,6 +10945,7 @@ let IgcToolPanelComponent = /*@__PURE__*/ (() => {
                 }
             };
             this.i.onCommand = delegateCombine(this.i.onCommand, this._onCommand_wrapped);
+            ;
         }
     }
     IgcToolPanelComponent._observedAttributesIgcToolPanelComponent = null;
@@ -11400,6 +11723,11 @@ let IgcToolbarComponent = /*@__PURE__*/ (() => {
             this._a("cellTextStyle", this.i.o != null ? this.i.o.fontString : "");
         }
         findByName(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);
             }
@@ -11496,11 +11824,25 @@ let IgcToolActionCheckboxComponent = /*@__PURE__*/ (() => {
             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 (IgcToolActionCheckboxComponent._observedAttributesIgcToolActionCheckboxComponent == null) {
                 let names = getAllPropertyNames(IgcToolActionCheckboxComponent);
@@ -11563,11 +11905,25 @@ let IgcToolActionGroupHeaderComponent = /*@__PURE__*/ (() => {
             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 (IgcToolActionGroupHeaderComponent._observedAttributesIgcToolActionGroupHeaderComponent == null) {
                 let names = getAllPropertyNames(IgcToolActionGroupHeaderComponent);
@@ -11630,11 +11986,25 @@ let IgcToolActionNumberInputComponent = /*@__PURE__*/ (() => {
             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 (IgcToolActionNumberInputComponent._observedAttributesIgcToolActionNumberInputComponent == null) {
                 let names = getAllPropertyNames(IgcToolActionNumberInputComponent);
@@ -11697,11 +12067,25 @@ let IgcToolActionIconButtonComponent = /*@__PURE__*/ (() => {
             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 (IgcToolActionIconButtonComponent._observedAttributesIgcToolActionIconButtonComponent == null) {
                 let names = getAllPropertyNames(IgcToolActionIconButtonComponent);
@@ -11758,11 +12142,25 @@ let IgcToolActionMenuBaseComponent = /*@__PURE__*/ (() => {
             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 (IgcToolActionMenuBaseComponent._observedAttributesIgcToolActionMenuBaseComponent == null) {
                 let names = getAllPropertyNames(IgcToolActionMenuBaseComponent);
@@ -11848,11 +12246,25 @@ let IgcToolActionIconMenuComponent = /*@__PURE__*/ (() => {
             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 (IgcToolActionIconMenuComponent._observedAttributesIgcToolActionIconMenuComponent == null) {
                 let names = getAllPropertyNames(IgcToolActionIconMenuComponent);
@@ -12034,6 +12446,174 @@ 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.
 */
 
+let IgcToolActionLabelComponent = /*@__PURE__*/ (() => {
+    class IgcToolActionLabelComponent extends IgcToolActionComponent {
+        constructor() {
+            super();
+        }
+        createImplementation() {
+            return new ToolActionLabel();
+        }
+        /**
+                                     * @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 (IgcToolActionLabelComponent._observedAttributesIgcToolActionLabelComponent == null) {
+                let names = getAllPropertyNames(IgcToolActionLabelComponent);
+                for (let i = 0; i < names.length; i++) {
+                    names[i] = toSpinal(names[i]);
+                }
+                IgcToolActionLabelComponent._observedAttributesIgcToolActionLabelComponent = names;
+            }
+            return IgcToolActionLabelComponent._observedAttributesIgcToolActionLabelComponent;
+        }
+        static register() {
+            if (!IgcToolActionLabelComponent._isElementRegistered) {
+                IgcToolActionLabelComponent._isElementRegistered = true;
+                RegisterElementHelper.registerElement(IgcToolActionLabelComponent.htmlTagName, IgcToolActionLabelComponent);
+            }
+        }
+    }
+    IgcToolActionLabelComponent._observedAttributesIgcToolActionLabelComponent = null;
+    IgcToolActionLabelComponent.htmlTagName = "igc-tool-action-label";
+    IgcToolActionLabelComponent._isElementRegistered = false;
+    return IgcToolActionLabelComponent;
+})();
+
+/*
+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 IgcToolActionLabelModule {
+    static register() {
+        IgcToolActionLabelComponent.register();
+        TypeRegistrar.registerCons("IgcToolActionLabelComponent", IgcToolActionLabelComponent);
+        TypeRegistrar.register("ToolActionLabel", ToolActionLabel.$type);
+    }
+}
+
+/*
+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.
+*/
+
+let IgcToolActionRadioComponent = /*@__PURE__*/ (() => {
+    class IgcToolActionRadioComponent extends IgcToolActionComponent {
+        constructor() {
+            super();
+        }
+        createImplementation() {
+            return new ToolActionRadio();
+        }
+        /**
+                                     * @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 (IgcToolActionRadioComponent._observedAttributesIgcToolActionRadioComponent == null) {
+                let names = getAllPropertyNames(IgcToolActionRadioComponent);
+                for (let i = 0; i < names.length; i++) {
+                    names[i] = toSpinal(names[i]);
+                }
+                IgcToolActionRadioComponent._observedAttributesIgcToolActionRadioComponent = names;
+            }
+            return IgcToolActionRadioComponent._observedAttributesIgcToolActionRadioComponent;
+        }
+        static register() {
+            if (!IgcToolActionRadioComponent._isElementRegistered) {
+                IgcToolActionRadioComponent._isElementRegistered = true;
+                RegisterElementHelper.registerElement(IgcToolActionRadioComponent.htmlTagName, IgcToolActionRadioComponent);
+            }
+        }
+        get radioGroup() {
+            return this.i.bf;
+        }
+        set radioGroup(v) {
+            this.i.bf = v;
+        }
+    }
+    IgcToolActionRadioComponent._observedAttributesIgcToolActionRadioComponent = null;
+    IgcToolActionRadioComponent.htmlTagName = "igc-tool-action-radio";
+    IgcToolActionRadioComponent._isElementRegistered = false;
+    return IgcToolActionRadioComponent;
+})();
+
+/*
+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 IgcToolActionRadioModule {
+    static register() {
+        IgcToolActionRadioComponent.register();
+        TypeRegistrar.registerCons("IgcToolActionRadioComponent", IgcToolActionRadioComponent);
+        TypeRegistrar.register("ToolActionRadio", ToolActionRadio.$type);
+    }
+}
+
+/*
+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.
+*/
+
 let IgcToolActionSeparatorComponent = /*@__PURE__*/ (() => {
     class IgcToolActionSeparatorComponent extends IgcToolActionComponent {
         constructor() {
@@ -12052,11 +12632,25 @@ let IgcToolActionSeparatorComponent = /*@__PURE__*/ (() => {
             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 (IgcToolActionSeparatorComponent._observedAttributesIgcToolActionSeparatorComponent == null) {
                 let names = getAllPropertyNames(IgcToolActionSeparatorComponent);
@@ -12338,10 +12932,10 @@ class IgcPropertyEditorDataSource {
         this.onImplementationCreated();
     }
     get descriptionType() {
-        return this.i.l;
+        return this.i.n;
     }
     set descriptionType(v) {
-        this.i.l = v;
+        this.i.n = v;
     }
     get context() {
         return this.i.b;
@@ -12350,8 +12944,13 @@ class IgcPropertyEditorDataSource {
         this.i.b = v;
     }
     findByName(name) {
+        if (this.findEphemera) {
+            if (name && name.indexOf("@@e:") == 0) {
+                return this.findEphemera(name);
+            }
+        }
         return null;
     }
 }
 
-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, IgcToolActionMenuBaseComponent, IgcToolActionModule, IgcToolActionNumberInputComponent, IgcToolActionNumberInputModule, IgcToolActionPerformedEventArgs, 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, ToolActionMeasurementContext, ToolActionMenuBase, ToolActionNumberInput, ToolActionPerformedEventArgs, 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, 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 };