igniteui-webcomponents-layouts 1.4.2 → 3.2.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 } 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, 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, fromSize } from 'igniteui-webcomponents-core';
 
 /*
 THIS INFRAGISTICS ULTIMATE SOFTWARE LICENSE  AGREEMENT ("AGREEMENT") LOCATED HERE:
@@ -261,7 +261,7 @@ let ExpansionPanelView = /*@__PURE__*/ (() => {
             this.h.a2();
         }
         x(a) {
-            let b = BaseDOMEventProxy.cz(a);
+            let b = BaseDOMEventProxy.c0(a);
             let c = ExpansionPanelUtilities.c(a);
             switch (b) {
                 case 9:
@@ -293,8 +293,8 @@ let ExpansionPanelView = /*@__PURE__*/ (() => {
 /**
  * @hidden
  */
-let ExpansionPanel = /*@__PURE__*/ (() => {
-    class ExpansionPanel extends Base {
+let XExpansionPanel = /*@__PURE__*/ (() => {
+    class XExpansionPanel extends Base {
         constructor() {
             super();
             this.c = null;
@@ -304,24 +304,24 @@ let ExpansionPanel = /*@__PURE__*/ (() => {
             this.g = null;
             this.aa = "Caption";
             this.bb = null;
-            this.a4 = ExpansionPanel.bs;
+            this.a4 = XExpansionPanel.bs;
             this.a9 = null;
             this.ba = null;
             this.ag = stringEmpty();
             this.be = null;
-            this.a5 = ExpansionPanel.bt;
+            this.a5 = XExpansionPanel.bt;
             this.bc = null;
             this.bd = null;
             this.p = -1;
-            this.o = ExpansionPanel.r;
+            this.o = XExpansionPanel.r;
             this.m = true;
             this.bf = null;
-            this.a6 = ExpansionPanel.bu;
+            this.a6 = XExpansionPanel.bu;
             this.bg = null;
             this.bh = null;
-            this.a8 = ExpansionPanel.bw;
-            this.a7 = ExpansionPanel.bv;
-            this.a3 = ExpansionPanel.br;
+            this.a8 = XExpansionPanel.bw;
+            this.a7 = XExpansionPanel.bv;
+            this.a3 = XExpansionPanel.br;
             let a = this.f();
             this.g = a;
             a.z(this);
@@ -593,7 +593,7 @@ let ExpansionPanel = /*@__PURE__*/ (() => {
                     }
                     break;
                 case "Elevation":
-                    this.q = this.s == -1 ? ExpansionPanel.r : this.s;
+                    this.q = this.s == -1 ? XExpansionPanel.r : this.s;
                     break;
                 case "ActualElevation":
                 case "ActualHeaderBackgroundColor":
@@ -703,7 +703,7 @@ let ExpansionPanel = /*@__PURE__*/ (() => {
                 b = c;
             }
             else {
-                b = null != this.bq ? this.bq : ExpansionPanel.bs;
+                b = null != this.bq ? this.bq : XExpansionPanel.bs;
             }
             return b;
         }
@@ -718,7 +718,7 @@ let ExpansionPanel = /*@__PURE__*/ (() => {
                 b = c;
             }
             else {
-                b = null != this.bz ? this.bz : ExpansionPanel.bt;
+                b = null != this.bz ? this.bz : XExpansionPanel.bt;
             }
             return b;
         }
@@ -733,7 +733,7 @@ let ExpansionPanel = /*@__PURE__*/ (() => {
                 b = c;
             }
             else {
-                b = null != this.b6 ? this.b6 : ExpansionPanel.bu;
+                b = null != this.b6 ? this.b6 : XExpansionPanel.bu;
             }
             return b;
         }
@@ -764,15 +764,15 @@ let ExpansionPanel = /*@__PURE__*/ (() => {
             this.n = !this.n;
         }
     }
-    ExpansionPanel.$t = /*@__PURE__*/ markType(ExpansionPanel, 'ExpansionPanel', Base.$, [INotifyPropertyChanged_$type]);
-    ExpansionPanel.bs = /*@__PURE__*/ BrushUtil.g(188, 0, 0, 0);
-    ExpansionPanel.bt = /*@__PURE__*/ BrushUtil.g(188, 0, 0, 0);
-    ExpansionPanel.r = 2;
-    ExpansionPanel.bu = /*@__PURE__*/ BrushUtil.g(255, 245, 245, 245);
-    ExpansionPanel.bw = /*@__PURE__*/ BrushUtil.g(66, 0, 0, 0);
-    ExpansionPanel.bv = /*@__PURE__*/ BrushUtil.g(30, 0, 0, 0);
-    ExpansionPanel.br = /*@__PURE__*/ BrushUtil.g(20, 0, 0, 0);
-    return ExpansionPanel;
+    XExpansionPanel.$t = /*@__PURE__*/ markType(XExpansionPanel, 'XExpansionPanel', Base.$, [INotifyPropertyChanged_$type]);
+    XExpansionPanel.bs = /*@__PURE__*/ BrushUtil.g(188, 0, 0, 0);
+    XExpansionPanel.bt = /*@__PURE__*/ BrushUtil.g(188, 0, 0, 0);
+    XExpansionPanel.r = 2;
+    XExpansionPanel.bu = /*@__PURE__*/ BrushUtil.g(255, 245, 245, 245);
+    XExpansionPanel.bw = /*@__PURE__*/ BrushUtil.g(66, 0, 0, 0);
+    XExpansionPanel.bv = /*@__PURE__*/ BrushUtil.g(30, 0, 0, 0);
+    XExpansionPanel.br = /*@__PURE__*/ BrushUtil.g(20, 0, 0, 0);
+    return XExpansionPanel;
 })();
 
 /*
@@ -830,8 +830,8 @@ class IgcOnCollapsedEventArgs {
     }
 }
 
-let IgcExpansionPanelComponent = /*@__PURE__*/ (() => {
-    class IgcExpansionPanelComponent extends IgcHTMLElement {
+let IgcXExpansionPanelComponent = /*@__PURE__*/ (() => {
+    class IgcXExpansionPanelComponent extends IgcHTMLElement {
         constructor() {
             super();
             this._implementation = null;
@@ -914,7 +914,7 @@ let IgcExpansionPanelComponent = /*@__PURE__*/ (() => {
             this._webComponentRenderer.destroy();
         }
         createImplementation() {
-            return new ExpansionPanel();
+            return new XExpansionPanel();
         }
         get i() {
             return this._implementation;
@@ -970,14 +970,14 @@ let IgcExpansionPanelComponent = /*@__PURE__*/ (() => {
             this._settingAttributes = false;
         }
         static get observedAttributes() {
-            if (IgcExpansionPanelComponent._observedAttributesIgcExpansionPanelComponent == null) {
-                let names = getAllPropertyNames(IgcExpansionPanelComponent);
+            if (IgcXExpansionPanelComponent._observedAttributesIgcXExpansionPanelComponent == null) {
+                let names = getAllPropertyNames(IgcXExpansionPanelComponent);
                 for (let i = 0; i < names.length; i++) {
                     names[i] = toSpinal(names[i]);
                 }
-                IgcExpansionPanelComponent._observedAttributesIgcExpansionPanelComponent = names;
+                IgcXExpansionPanelComponent._observedAttributesIgcXExpansionPanelComponent = names;
             }
-            return IgcExpansionPanelComponent._observedAttributesIgcExpansionPanelComponent;
+            return IgcXExpansionPanelComponent._observedAttributesIgcXExpansionPanelComponent;
         }
         attributeChangedCallback(name, oldValue, newValue) {
             if (this._settingAttributes) {
@@ -989,9 +989,9 @@ let IgcExpansionPanelComponent = /*@__PURE__*/ (() => {
             this._updatingFromAttribute = false;
         }
         static register() {
-            if (!IgcExpansionPanelComponent._isElementRegistered) {
-                IgcExpansionPanelComponent._isElementRegistered = true;
-                RegisterElementHelper.registerElement(IgcExpansionPanelComponent.htmlTagName, IgcExpansionPanelComponent);
+            if (!IgcXExpansionPanelComponent._isElementRegistered) {
+                IgcXExpansionPanelComponent._isElementRegistered = true;
+                RegisterElementHelper.registerElement(IgcXExpansionPanelComponent.htmlTagName, IgcXExpansionPanelComponent);
             }
         }
         /**
@@ -1215,7 +1215,7 @@ let IgcExpansionPanelComponent = /*@__PURE__*/ (() => {
             if (typeName.indexOf("Xam") === 0) {
                 typeName = typeName.substring(3);
             }
-            genericPrefix = toSpinal("ExpansionPanelComponent");
+            genericPrefix = toSpinal("XExpansionPanelComponent");
             let additionalPrefixes = [];
             let prefix = toSpinal(typeName);
             additionalPrefixes.push(prefix + "-");
@@ -1317,10 +1317,10 @@ let IgcExpansionPanelComponent = /*@__PURE__*/ (() => {
             this.i.onExpanded = delegateCombine(this.i.onExpanded, this._onExpanded_wrapped);
         }
     }
-    IgcExpansionPanelComponent._observedAttributesIgcExpansionPanelComponent = null;
-    IgcExpansionPanelComponent.htmlTagName = "igc-expansion-panel";
-    IgcExpansionPanelComponent._isElementRegistered = false;
-    return IgcExpansionPanelComponent;
+    IgcXExpansionPanelComponent._observedAttributesIgcXExpansionPanelComponent = null;
+    IgcXExpansionPanelComponent.htmlTagName = "igc-x-expansion-panel";
+    IgcXExpansionPanelComponent._isElementRegistered = false;
+    return IgcXExpansionPanelComponent;
 })();
 
 /*
@@ -1329,12 +1329,12 @@ 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 IgcExpansionPanelModule {
+class IgcXExpansionPanelModule {
     static register() {
-        IgcExpansionPanelComponent.register();
-        TypeRegistrar.registerCons('IgcExpansionPanelComponent', IgcExpansionPanelComponent);
-        TypeRegistrar.registerCons('IgcExpansionPanelComponent', IgcExpansionPanelComponent);
-        TypeRegistrar.register('ExpansionPanel', ExpansionPanel.$type);
+        IgcXExpansionPanelComponent.register();
+        TypeRegistrar.registerCons('IgcXExpansionPanelComponent', IgcXExpansionPanelComponent);
+        TypeRegistrar.registerCons('IgcXExpansionPanelComponent', IgcXExpansionPanelComponent);
+        TypeRegistrar.register('XExpansionPanel', XExpansionPanel.$type);
     }
 }
 
@@ -2522,6 +2522,3747 @@ class IgcPopupModule {
     }
 }
 
+/*
+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 PropertyEditorValueType = /*@__PURE__*/ (function (PropertyEditorValueType) {
+    PropertyEditorValueType[PropertyEditorValueType["Unhandled"] = 0] = "Unhandled";
+    PropertyEditorValueType[PropertyEditorValueType["Number"] = 1] = "Number";
+    PropertyEditorValueType[PropertyEditorValueType["StringValue"] = 2] = "StringValue";
+    PropertyEditorValueType[PropertyEditorValueType["Date"] = 3] = "Date";
+    PropertyEditorValueType[PropertyEditorValueType["Brush"] = 4] = "Brush";
+    PropertyEditorValueType[PropertyEditorValueType["Color"] = 5] = "Color";
+    PropertyEditorValueType[PropertyEditorValueType["BrushCollection"] = 6] = "BrushCollection";
+    PropertyEditorValueType[PropertyEditorValueType["boolean1"] = 7] = "boolean1";
+    PropertyEditorValueType[PropertyEditorValueType["SubType"] = 8] = "SubType";
+    PropertyEditorValueType[PropertyEditorValueType["Collection"] = 9] = "Collection";
+    PropertyEditorValueType[PropertyEditorValueType["Array"] = 10] = "Array";
+    PropertyEditorValueType[PropertyEditorValueType["Point"] = 11] = "Point";
+    PropertyEditorValueType[PropertyEditorValueType["Size"] = 12] = "Size";
+    PropertyEditorValueType[PropertyEditorValueType["Rect"] = 13] = "Rect";
+    PropertyEditorValueType[PropertyEditorValueType["ColorCollection"] = 14] = "ColorCollection";
+    PropertyEditorValueType[PropertyEditorValueType["EnumValue"] = 15] = "EnumValue";
+    PropertyEditorValueType[PropertyEditorValueType["MethodRef"] = 16] = "MethodRef";
+    PropertyEditorValueType[PropertyEditorValueType["EventRef"] = 17] = "EventRef";
+    PropertyEditorValueType[PropertyEditorValueType["DataRef"] = 18] = "DataRef";
+    PropertyEditorValueType[PropertyEditorValueType["TimeSpan"] = 19] = "TimeSpan";
+    PropertyEditorValueType[PropertyEditorValueType["Button"] = 20] = "Button";
+    PropertyEditorValueType[PropertyEditorValueType["Slider"] = 21] = "Slider";
+    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');
+
+/*
+THIS INFRAGISTICS ULTIMATE SOFTWARE LICENSE  AGREEMENT ("AGREEMENT") LOCATED HERE:
+https://www.infragistics.com/legal/license/igultimate-la
+https://www.infragistics.com/legal/license/igultimate-eula
+GOVERNS THE LICENSING, INSTALLATION AND USE OF INFRAGISTICS SOFTWARE. BY DOWNLOADING AND/OR INSTALLING AND USING INFRAGISTICS SOFTWARE:  you are indicating that you have read and understand this Agreement, and agree to be legally bound by it on behalf of the yourself and your company.
+*/
+/**
+ * @hidden
+ */
+let PropertyEditorPropertyDescriptionButtonClickEventArgs = /*@__PURE__*/ (() => {
+    class PropertyEditorPropertyDescriptionButtonClickEventArgs extends EventArgs {
+    }
+    PropertyEditorPropertyDescriptionButtonClickEventArgs.$t = /*@__PURE__*/ markType(PropertyEditorPropertyDescriptionButtonClickEventArgs, 'PropertyEditorPropertyDescriptionButtonClickEventArgs', EventArgs.$);
+    return PropertyEditorPropertyDescriptionButtonClickEventArgs;
+})();
+
+/*
+THIS INFRAGISTICS ULTIMATE SOFTWARE LICENSE  AGREEMENT ("AGREEMENT") LOCATED HERE:
+https://www.infragistics.com/legal/license/igultimate-la
+https://www.infragistics.com/legal/license/igultimate-eula
+GOVERNS THE LICENSING, INSTALLATION AND USE OF INFRAGISTICS SOFTWARE. BY DOWNLOADING AND/OR INSTALLING AND USING INFRAGISTICS SOFTWARE:  you are indicating that you have read and understand this Agreement, and agree to be legally bound by it on behalf of the yourself and your company.
+*/
+/**
+ * @hidden
+ */
+let PropertyEditorPropertyDescriptionChangedEventArgs = /*@__PURE__*/ (() => {
+    class PropertyEditorPropertyDescriptionChangedEventArgs extends EventArgs {
+        constructor() {
+            super(...arguments);
+            this._newValue = null;
+        }
+        get newValue() {
+            return this._newValue;
+        }
+        set newValue(a) {
+            this._newValue = a;
+        }
+    }
+    PropertyEditorPropertyDescriptionChangedEventArgs.$t = /*@__PURE__*/ markType(PropertyEditorPropertyDescriptionChangedEventArgs, 'PropertyEditorPropertyDescriptionChangedEventArgs', EventArgs.$);
+    return PropertyEditorPropertyDescriptionChangedEventArgs;
+})();
+
+/*
+THIS INFRAGISTICS ULTIMATE SOFTWARE LICENSE  AGREEMENT ("AGREEMENT") LOCATED HERE:
+https://www.infragistics.com/legal/license/igultimate-la
+https://www.infragistics.com/legal/license/igultimate-eula
+GOVERNS THE LICENSING, INSTALLATION AND USE OF INFRAGISTICS SOFTWARE. BY DOWNLOADING AND/OR INSTALLING AND USING INFRAGISTICS SOFTWARE:  you are indicating that you have read and understand this Agreement, and agree to be legally bound by it on behalf of the yourself and your company.
+*/
+/**
+ * @hidden
+ */
+let PropertyEditorPropertyDescriptionTargetPropertyUpdatingEventArgs = /*@__PURE__*/ (() => {
+    class PropertyEditorPropertyDescriptionTargetPropertyUpdatingEventArgs extends EventArgs {
+        constructor() {
+            super(...arguments);
+            this._target = null;
+            this._value = null;
+            this._propertyPath = null;
+        }
+        get target() {
+            return this._target;
+        }
+        set target(a) {
+            this._target = a;
+        }
+        get value() {
+            return this._value;
+        }
+        set value(a) {
+            this._value = a;
+        }
+        get propertyPath() {
+            return this._propertyPath;
+        }
+        set propertyPath(a) {
+            this._propertyPath = a;
+        }
+    }
+    PropertyEditorPropertyDescriptionTargetPropertyUpdatingEventArgs.$t = /*@__PURE__*/ markType(PropertyEditorPropertyDescriptionTargetPropertyUpdatingEventArgs, 'PropertyEditorPropertyDescriptionTargetPropertyUpdatingEventArgs', EventArgs.$);
+    return PropertyEditorPropertyDescriptionTargetPropertyUpdatingEventArgs;
+})();
+
+/*
+THIS INFRAGISTICS ULTIMATE SOFTWARE LICENSE  AGREEMENT ("AGREEMENT") LOCATED HERE:
+https://www.infragistics.com/legal/license/igultimate-la
+https://www.infragistics.com/legal/license/igultimate-eula
+GOVERNS THE LICENSING, INSTALLATION AND USE OF INFRAGISTICS SOFTWARE. BY DOWNLOADING AND/OR INSTALLING AND USING INFRAGISTICS SOFTWARE:  you are indicating that you have read and understand this Agreement, and agree to be legally bound by it on behalf of the yourself and your company.
+*/
+/**
+ * @hidden
+ */
+let PropertyEditorPropertyDescription = /*@__PURE__*/ (() => {
+    class PropertyEditorPropertyDescription extends Base {
+        constructor() {
+            super(...arguments);
+            this.ah = null;
+            this.af = null;
+            this.m = 0;
+            this.ag = null;
+            this.o = false;
+            this.ae = null;
+            this.a = null;
+            this.b = null;
+            this.ab = null;
+            this.u = NaN;
+            this.r = NaN;
+            this.s = NaN;
+            this.t = NaN;
+            this.v = NaN;
+            this.f = null;
+            this.h = null;
+            this.e = null;
+            this.propertyChanged = null;
+            this.buttonClicked = null;
+            this.changed = null;
+            this.targetPropertyUpdating = null;
+        }
+        get al() {
+            return this.ah;
+        }
+        set al(a) {
+            let b = this.ah;
+            this.ah = a;
+            if (this.ah != b) {
+                this.ao("PropertyPath", b, a);
+            }
+        }
+        get aj() {
+            return this.af;
+        }
+        set aj(a) {
+            let b = this.af;
+            this.af = a;
+            if (this.af != b) {
+                this.ao("Label", b, a);
+            }
+        }
+        get n() {
+            return this.m;
+        }
+        set n(a) {
+            let b = this.m;
+            this.m = a;
+            if (this.m != b) {
+                this.ao("ValueType", enumGetBox(PropertyEditorValueType_$type, b), enumGetBox(PropertyEditorValueType_$type, a));
+            }
+        }
+        get ak() {
+            return this.ag;
+        }
+        set ak(a) {
+            let b = this.ag;
+            this.ag = a;
+            if (this.ag != b) {
+                this.ao("PropertyDescriptionType", b, a);
+            }
+        }
+        get q() {
+            return this.o;
+        }
+        set q(a) {
+            let b = this.o;
+            this.o = a;
+            if (this.o != b) {
+                this.ao("ShouldOverrideDefaultEditor", b, a);
+            }
+        }
+        get ai() {
+            return this.ae;
+        }
+        set ai(a) {
+            let b = this.ae;
+            this.ae = a;
+            if (this.ae != b) {
+                this.ao("ElementDescriptionType", b, a);
+            }
+        }
+        get c() {
+            return this.a;
+        }
+        set c(a) {
+            let b = this.a;
+            this.a = a;
+            if (this.a != b) {
+                this.ao("DropDownNames", b, a);
+            }
+        }
+        get d() {
+            return this.b;
+        }
+        set d(a) {
+            let b = this.b;
+            this.b = a;
+            if (this.b != b) {
+                this.ao("DropDownValues", b, a);
+            }
+        }
+        get ad() {
+            return this.ab;
+        }
+        set ad(a) {
+            let b = this.ab;
+            this.ab = a;
+            if (this.ab != b) {
+                this.ao("PrimitiveValue", b, a);
+            }
+        }
+        get z() {
+            return this.u;
+        }
+        set z(a) {
+            let b = this.u;
+            this.u = a;
+            if (this.u != b) {
+                this.ao("Min", b, a);
+            }
+        }
+        get w() {
+            return this.r;
+        }
+        set w(a) {
+            let b = this.r;
+            this.r = a;
+            if (this.r != b) {
+                this.ao("EditorWidth", b, a);
+            }
+        }
+        get x() {
+            return this.s;
+        }
+        set x(a) {
+            let b = this.s;
+            this.s = a;
+            if (this.s != b) {
+                this.ao("LabelWidth", b, a);
+            }
+        }
+        get y() {
+            return this.t;
+        }
+        set y(a) {
+            let b = this.t;
+            this.t = a;
+            if (this.t != b) {
+                this.ao("Max", b, a);
+            }
+        }
+        get aa() {
+            return this.v;
+        }
+        set aa(a) {
+            let b = this.v;
+            this.v = a;
+            if (this.v != b) {
+                this.ao("Step", b, a);
+            }
+        }
+        get g() {
+            return this.f;
+        }
+        set g(a) {
+            let b = this.f;
+            this.f = a;
+            if (this.f != b) {
+                this.ao("ComplexValue", b, a);
+            }
+        }
+        get i() {
+            return this.h;
+        }
+        set i(a) {
+            let b = this.h;
+            this.h = a;
+            if (this.h != b) {
+                this.ao("ComplexValues", b, a);
+            }
+        }
+        ao(a, b, c) {
+            if (this.propertyChanged != null) {
+                this.propertyChanged(this, new PropertyChangedEventArgs(a));
+            }
+        }
+        p(a) {
+            let b = false;
+            if (a == null) {
+                return false;
+            }
+            if (a.c != null && (this.c == null || !this.q)) {
+                this.c = a.c;
+            }
+            if (a.d != null && (this.d == null || !this.q)) {
+                this.d = a.d;
+            }
+            if (a.ai != null && (this.ai == null || !this.q)) {
+                this.ai = a.ai;
+            }
+            if (a.ak != null && (this.ak == null || !this.q)) {
+                this.ak = a.ak;
+            }
+            if (a.n != 0 && (this.n == 0 || !this.q)) {
+                this.n = a.n;
+                b = true;
+            }
+            return true;
+        }
+        ac(a, b) {
+            if (b) {
+                return this.e;
+            }
+            if (this.e != null) {
+                return this.e.d(a, false);
+            }
+            return null;
+        }
+        an() {
+            if (this.buttonClicked != null) {
+                this.buttonClicked(this, new PropertyEditorPropertyDescriptionButtonClickEventArgs());
+            }
+        }
+        am() {
+            if (this.changed != null) {
+                this.changed(this, ((() => {
+                    let $ret = new PropertyEditorPropertyDescriptionChangedEventArgs();
+                    $ret.newValue = this.ad;
+                    return $ret;
+                })()));
+            }
+        }
+        ap(a, b, c) {
+            if (this.targetPropertyUpdating != null) {
+                this.targetPropertyUpdating(this, ((() => {
+                    let $ret = new PropertyEditorPropertyDescriptionTargetPropertyUpdatingEventArgs();
+                    $ret.propertyPath = a;
+                    $ret.target = b;
+                    $ret.value = c;
+                    return $ret;
+                })()));
+            }
+        }
+    }
+    PropertyEditorPropertyDescription.$t = /*@__PURE__*/ markType(PropertyEditorPropertyDescription, 'PropertyEditorPropertyDescription', Base.$, [INotifyPropertyChanged_$type]);
+    return PropertyEditorPropertyDescription;
+})();
+/**
+ * @hidden
+ */
+let PropertyEditorPropertyDescriptionCollection = /*@__PURE__*/ (() => {
+    class PropertyEditorPropertyDescriptionCollection extends ObservableCollection$1 {
+        constructor() {
+            super(PropertyEditorPropertyDescription.$, 0);
+        }
+    }
+    PropertyEditorPropertyDescriptionCollection.$t = /*@__PURE__*/ markType(PropertyEditorPropertyDescriptionCollection, 'PropertyEditorPropertyDescriptionCollection', /*@__PURE__*/ ObservableCollection$1.$.specialize(PropertyEditorPropertyDescription.$));
+    return PropertyEditorPropertyDescriptionCollection;
+})();
+/**
+ * @hidden
+ */
+let PropertyEditorDataSource = /*@__PURE__*/ (() => {
+    class PropertyEditorDataSource extends Base {
+        constructor() {
+            super(...arguments);
+            this.i = null;
+            this.a = null;
+            this.f = null;
+            this.propertyChanged = null;
+        }
+        get l() {
+            return this.i;
+        }
+        set l(a) {
+            let b = this.i;
+            this.i = a;
+            this.n("DescriptionType", b, this.i);
+        }
+        get b() {
+            return this.a;
+        }
+        set b(a) {
+            let b = this.a;
+            this.a = a;
+            this.n("Context", b, this.a);
+        }
+        get g() {
+            return this.f;
+        }
+        set g(a) {
+            let b = this.f;
+            this.f = a;
+            this.n("Data", b, this.f);
+        }
+        n(a, b, c) {
+            if (this.propertyChanged != null) {
+                this.propertyChanged(this, new PropertyChangedEventArgs(a));
+            }
+            this.o(a, b, c);
+        }
+        o(a, b, c) {
+            switch (a) {
+                case "DescriptionType":
+                    this.p();
+                    break;
+                case "Context":
+                    this.p();
+                    break;
+            }
+        }
+        e(a) {
+            let b = new PropertyEditorPropertyDescription();
+            b.al = a.propertyName;
+            b.n = this.h(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 (b.n == 8) {
+                b.e = ((() => {
+                    let $ret = new PropertyEditorDataSource();
+                    $ret.b = this.a;
+                    $ret.l = b.ak;
+                    return $ret;
+                })());
+            }
+            if (b.n == 15) {
+                b.c = this.a.c(this.l, b.al);
+                b.d = b.d;
+            }
+            return b;
+        }
+        h(a) {
+            switch (a.knownType) {
+                case 10: return 10;
+                case 7: return 7;
+                case 4: return 4;
+                case 6: return 6;
+                case 9: return 9;
+                case 5: return 5;
+                case 16: return 14;
+                case 20: return 18;
+                case 15: return 0;
+                case 3: return 3;
+                case 19: return 17;
+                case 8:
+                    if (a.specificExternalType == "string") {
+                        return 15;
+                    }
+                    return 8;
+                case 13: return 0;
+                case 18: return 0;
+                case 1: return 1;
+                case 11: return 11;
+                case 14: return 13;
+                case 12: return 12;
+                case 2: return 2;
+                case 21: return 19;
+                case 17: return 0;
+                case 0: return 0;
+            }
+            return 0;
+        }
+        p() {
+            let a = new PropertyEditorPropertyDescriptionCollection();
+            if (this.l != null && this.b != null) {
+                let b = this.b.b(this.l);
+                if (b == null) {
+                    return;
+                }
+                for (let c = 0; c < b.length; c++) {
+                    if (stringEndsWith(b[c], "@names")) {
+                        continue;
+                    }
+                    if (stringEndsWith(b[c], "@nameBinding")) {
+                        continue;
+                    }
+                    let d = this.b.getMetadata(this.l, b[c]);
+                    let e = this.e(d);
+                    if (e.n == 0) {
+                        continue;
+                    }
+                    a.add(e);
+                }
+            }
+            this.g = a;
+        }
+        d(a, b) {
+            if (a == null) {
+                return null;
+            }
+            let c = stringSplit(a, ['.', '['], 0);
+            let d = new List$1(String_$type, 1, c);
+            let e = null;
+            let f = null;
+            let g = null;
+            while (d.count > 0) {
+                let h = d._inner[0];
+                d.removeAt(0);
+                let i = false;
+                if (stringContains(h, "]")) {
+                    h = stringReplace(h, "]", "");
+                    i = true;
+                    let j = h.split(',');
+                    h = j[0].trim();
+                    if (stringContains(h, "as")) {
+                        let k = h.indexOf("as");
+                        g = h.substr(0, k).trim();
+                        f = h.substr(k + 2).trim();
+                    }
+                    if (f != null && f != this.l) {
+                        let l = this.c();
+                        l.l = f;
+                        e = l;
+                        continue;
+                    }
+                }
+                if (b) {
+                    i = true;
+                }
+                if (e != null && typeCast(PropertyEditorPropertyDescription.$, e) !== null) {
+                    let m = e.ac(h, i);
+                    if (m == null) {
+                        return null;
+                    }
+                    e = m;
+                }
+                else {
+                    if (e != null) {
+                        let n = e;
+                        let o = n.d(h, i);
+                        if (o == null) {
+                            return null;
+                        }
+                        e = o;
+                    }
+                    else {
+                        if (this.g == 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];
+                                break;
+                            }
+                        }
+                        if (e == null) {
+                            return null;
+                        }
+                    }
+                }
+            }
+            return typeCast(PropertyEditorPropertyDescription.$, e);
+        }
+        c() {
+            return ((() => {
+                let $ret = new PropertyEditorDataSource();
+                $ret.b = this.b;
+                $ret.l = this.l;
+                return $ret;
+            })());
+        }
+    }
+    PropertyEditorDataSource.$t = /*@__PURE__*/ markType(PropertyEditorDataSource, 'PropertyEditorDataSource', Base.$, [INotifyPropertyChanged_$type]);
+    return PropertyEditorDataSource;
+})();
+/**
+ * @hidden
+ */
+let PropertyEditorDescriptionObject = /*@__PURE__*/ (() => {
+    class PropertyEditorDescriptionObject extends Base {
+        constructor() {
+            super(...arguments);
+            this.b = null;
+            this.a = null;
+        }
+    }
+    PropertyEditorDescriptionObject.$t = /*@__PURE__*/ markType(PropertyEditorDescriptionObject, 'PropertyEditorDescriptionObject');
+    return PropertyEditorDescriptionObject;
+})();
+/**
+ * @hidden
+ */
+let PropertyEditorDescriptionObjectCollection = /*@__PURE__*/ (() => {
+    class PropertyEditorDescriptionObjectCollection extends ObservableCollection$1 {
+        constructor() {
+            super(PropertyEditorDescriptionObject.$, 0);
+        }
+    }
+    PropertyEditorDescriptionObjectCollection.$t = /*@__PURE__*/ markType(PropertyEditorDescriptionObjectCollection, 'PropertyEditorDescriptionObjectCollection', /*@__PURE__*/ ObservableCollection$1.$.specialize(PropertyEditorDescriptionObject.$));
+    return PropertyEditorDescriptionObjectCollection;
+})();
+
+/*
+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 IgcPropertyEditorPropertyDescriptionCollection extends IgCollection {
+    constructor(list) {
+        super();
+        if (!IgcPropertyEditorPropertyDescriptionComponent.$type) {
+            IgcPropertyEditorPropertyDescriptionComponent.$type = markType(IgcPropertyEditorPropertyDescriptionComponent, "IgcPropertyEditorPropertyDescriptionComponent");
+        }
+        if (list) {
+            for (let i = 0; i < list.length; i++) {
+                this.add(list[i]);
+            }
+        }
+    }
+    _createInnerColl() {
+        if (!IgcPropertyEditorPropertyDescriptionComponent.$type) {
+            IgcPropertyEditorPropertyDescriptionComponent.$type = markType(IgcPropertyEditorPropertyDescriptionComponent, "IgcPropertyEditorPropertyDescriptionComponent");
+        }
+        let coll = new SyncableObservableCollection$2(IgcPropertyEditorPropertyDescriptionComponent.$type, PropertyEditorPropertyDescription.$type, 0);
+        coll.compare = (ext, int) => {
+            let comp = ext;
+            if (comp._implementation) {
+                comp = comp._implementation;
+            }
+            if (comp.equals) {
+                return comp.equals(int);
+            }
+            return comp === int;
+        };
+        coll.createTo = (ext) => {
+            return ext._implementation;
+        };
+        coll.createFrom = (int) => {
+            let ext = int.externalObject;
+            if (!ext) {
+                ext = new IgcPropertyEditorPropertyDescriptionComponent();
+                if (ext) {
+                    ext._implementation = int;
+                }
+            }
+            return ext;
+        };
+        return coll;
+    }
+}
+
+/*
+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.
+*/
+
+/*
+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 IgcPropertyEditorDescriptionObject {
+    constructor() {
+        this._properties = null;
+        this._implementation = this.createImplementation();
+        this._implementation.externalObject = this;
+        this.onImplementationCreated();
+    }
+    createImplementation() {
+        return new PropertyEditorDescriptionObject();
+    }
+    /**
+     * @hidden
+     */
+    get i() {
+        return this._implementation;
+    }
+    onImplementationCreated() {
+    }
+    _provideImplementation(i) {
+        this._implementation = i;
+        this._implementation.externalObject = this;
+        this.onImplementationCreated();
+    }
+    get descriptionType() {
+        return this.i.b;
+    }
+    set descriptionType(v) {
+        this.i.b = v;
+    }
+    get properties() {
+        if (this._properties === null) {
+            let coll = new IgcPropertyEditorPropertyDescriptionCollection();
+            let innerColl = this.i.a;
+            if (!innerColl) {
+                innerColl = new PropertyEditorPropertyDescriptionCollection();
+            }
+            this._properties = coll._fromInner(innerColl);
+            this.i.a = innerColl;
+        }
+        return this._properties;
+    }
+    set properties(v) {
+        if (this._properties !== null) {
+            this._properties._setSyncTarget(null);
+            this._properties = null;
+        }
+        let coll = new IgcPropertyEditorPropertyDescriptionCollection();
+        this._properties = coll._fromOuter(v);
+        let syncColl = new SyncableObservableCollection$1(PropertyEditorPropertyDescription.$type);
+        let innerColl = this.i.a;
+        if (!innerColl) {
+            innerColl = new PropertyEditorPropertyDescriptionCollection();
+        }
+        syncColl._inner = innerColl;
+        syncColl.clear();
+        this._properties._setSyncTarget(syncColl);
+        this.i.a = innerColl;
+    }
+    findByName(name) {
+        if (this.properties != null && this.properties.findByName && this.properties.findByName(name)) {
+            return this.properties.findByName(name);
+        }
+        return null;
+    }
+}
+
+class IgcPropertyEditorDescriptionObjectCollection extends IgCollection {
+    constructor(list) {
+        super();
+        if (!IgcPropertyEditorDescriptionObject.$type) {
+            IgcPropertyEditorDescriptionObject.$type = markType(IgcPropertyEditorDescriptionObject, "IgcPropertyEditorDescriptionObject");
+        }
+        if (list) {
+            for (let i = 0; i < list.length; i++) {
+                this.add(list[i]);
+            }
+        }
+    }
+    _createInnerColl() {
+        if (!IgcPropertyEditorDescriptionObject.$type) {
+            IgcPropertyEditorDescriptionObject.$type = markType(IgcPropertyEditorDescriptionObject, "IgcPropertyEditorDescriptionObject");
+        }
+        let coll = new SyncableObservableCollection$2(IgcPropertyEditorDescriptionObject.$type, PropertyEditorDescriptionObject.$type, 0);
+        coll.compare = (ext, int) => {
+            let comp = ext;
+            if (comp._implementation) {
+                comp = comp._implementation;
+            }
+            if (comp.equals) {
+                return comp.equals(int);
+            }
+            return comp === int;
+        };
+        coll.createTo = (ext) => {
+            return ext._implementation;
+        };
+        coll.createFrom = (int) => {
+            let ext = int.externalObject;
+            if (!ext) {
+                ext = new IgcPropertyEditorDescriptionObject();
+                if (ext) {
+                    ext._implementation = int;
+                }
+            }
+            return ext;
+        };
+        return coll;
+    }
+}
+
+class IgcPropertyEditorPropertyDescriptionButtonClickEventArgs {
+    createImplementation() {
+        return new PropertyEditorPropertyDescriptionButtonClickEventArgs();
+    }
+    /**
+     * @hidden
+     */
+    get i() {
+        return this._implementation;
+    }
+    onImplementationCreated() {
+    }
+    constructor() {
+        this._implementation = this.createImplementation();
+        this._implementation.externalObject = this;
+        this.onImplementationCreated();
+    }
+    _provideImplementation(i) {
+        this._implementation = i;
+        this._implementation.externalObject = this;
+        this.onImplementationCreated();
+    }
+}
+
+class IgcPropertyEditorPropertyDescriptionChangedEventArgs {
+    createImplementation() {
+        return new PropertyEditorPropertyDescriptionChangedEventArgs();
+    }
+    /**
+     * @hidden
+     */
+    get i() {
+        return this._implementation;
+    }
+    onImplementationCreated() {
+    }
+    constructor() {
+        this._implementation = this.createImplementation();
+        this._implementation.externalObject = this;
+        this.onImplementationCreated();
+    }
+    _provideImplementation(i) {
+        this._implementation = i;
+        this._implementation.externalObject = this;
+        this.onImplementationCreated();
+    }
+    get newValue() {
+        return this.i.newValue;
+    }
+    set newValue(v) {
+        this.i.newValue = v;
+    }
+}
+
+class IgcPropertyEditorPropertyDescriptionTargetPropertyUpdatingEventArgs {
+    createImplementation() {
+        return new PropertyEditorPropertyDescriptionTargetPropertyUpdatingEventArgs();
+    }
+    /**
+     * @hidden
+     */
+    get i() {
+        return this._implementation;
+    }
+    onImplementationCreated() {
+    }
+    constructor() {
+        this._implementation = this.createImplementation();
+        this._implementation.externalObject = this;
+        this.onImplementationCreated();
+    }
+    _provideImplementation(i) {
+        this._implementation = i;
+        this._implementation.externalObject = this;
+        this.onImplementationCreated();
+    }
+    get target() {
+        return this.i.target;
+    }
+    set target(v) {
+        this.i.target = v;
+    }
+    get value() {
+        return this.i.value;
+    }
+    set value(v) {
+        this.i.value = v;
+    }
+    get propertyPath() {
+        return this.i.propertyPath;
+    }
+    set propertyPath(v) {
+        this.i.propertyPath = v;
+    }
+}
+
+/*
+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 IgcPropertyEditorPropertyDescriptionComponent = /*@__PURE__*/ (() => {
+    class IgcPropertyEditorPropertyDescriptionComponent extends IgcHTMLElement {
+        constructor() {
+            super();
+            this._settingAttributes = false;
+            this._attached = false;
+            this._queuedSetAttributes = [];
+            this._updatingFromAttribute = false;
+            this._complexValues = null;
+            this.__p = null;
+            this._hasUserValues = new Set();
+            this._stylingContainer = null;
+            this._stylingParent = null;
+            this._inStyling = false;
+            this._buttonClicked = null;
+            this._buttonClicked_wrapped = null;
+            this._changed = null;
+            this._changed_wrapped = null;
+            this._targetPropertyUpdating = null;
+            this._targetPropertyUpdating_wrapped = null;
+            if (this._styling) {
+                NamePatcher.ensureStylablePatched(Object.getPrototypeOf(this));
+            }
+            this._implementation = this.createImplementation();
+            this._implementation.externalObject = this;
+            this.onImplementationCreated();
+        }
+        createImplementation() {
+            return new PropertyEditorPropertyDescription();
+        }
+        /**
+         * @hidden
+         */
+        get i() {
+            return this._implementation;
+        } /**
+                                     * @hidden
+                                     */
+        static _createFromInternal(internal) {
+            if (!internal) {
+                return null;
+            }
+            if (!internal.$type) {
+                return null;
+            }
+            let name = internal.$type.name;
+            let externalName = "Igc" + name + "Component";
+            if (!TypeRegistrar.isRegistered(externalName)) {
+                return null;
+            }
+            return TypeRegistrar.create(externalName);
+        }
+        onImplementationCreated() {
+        }
+        _enqueueSetAttribute(attrName, attrValue) {
+            this._queuedSetAttributes.push({ attrName: attrName, attrValue: attrValue });
+        }
+        _flushQueuedAttributes() {
+            this._settingAttributes = true;
+            for (let i = 0; i < this._queuedSetAttributes.length; i++) {
+                this.setAttribute(this._queuedSetAttributes[i].attrName, this._queuedSetAttributes[i].attrValue);
+            }
+            this._settingAttributes = false;
+            this._queuedSetAttributes.length = 0;
+        }
+        _a(attrName, attrValue) {
+            if (this._updatingFromAttribute) {
+                return;
+            }
+            if (attrValue) {
+                attrValue = attrValue.toString();
+            }
+            this._settingAttributes = true;
+            attrName = toSpinal(attrName);
+            if (this._attached) {
+                this.setAttribute(attrName, attrValue);
+            }
+            else {
+                this._enqueueSetAttribute(attrName, attrValue);
+            }
+            this._settingAttributes = false;
+        }
+        connectedCallback() {
+            if (super["connectedCallback"]) {
+                super["connectedCallback"]();
+            }
+            if (!this._attached) {
+                this._attached = true;
+                this._flushQueuedAttributes();
+            }
+        }
+        static get observedAttributes() {
+            if (IgcPropertyEditorPropertyDescriptionComponent._observedAttributesIgcPropertyEditorPropertyDescriptionComponent == null) {
+                let names = getAllPropertyNames(IgcPropertyEditorPropertyDescriptionComponent);
+                for (let i = 0; i < names.length; i++) {
+                    names[i] = toSpinal(names[i]);
+                }
+                IgcPropertyEditorPropertyDescriptionComponent._observedAttributesIgcPropertyEditorPropertyDescriptionComponent = names;
+            }
+            return IgcPropertyEditorPropertyDescriptionComponent._observedAttributesIgcPropertyEditorPropertyDescriptionComponent;
+        }
+        attributeChangedCallback(name, oldValue, newValue) {
+            if (this._settingAttributes) {
+                return;
+            }
+            let setName = fromSpinal(name);
+            this._updatingFromAttribute = true;
+            this[setName] = newValue;
+            this._updatingFromAttribute = false;
+        }
+        static register() {
+            if (!IgcPropertyEditorPropertyDescriptionComponent._isElementRegistered) {
+                IgcPropertyEditorPropertyDescriptionComponent._isElementRegistered = true;
+                RegisterElementHelper.registerElement(IgcPropertyEditorPropertyDescriptionComponent.htmlTagName, IgcPropertyEditorPropertyDescriptionComponent);
+            }
+        }
+        get propertyPath() {
+            return this.i.al;
+        }
+        set propertyPath(v) {
+            this.i.al = v;
+        }
+        get label() {
+            return this.i.aj;
+        }
+        set label(v) {
+            this.i.aj = v;
+        }
+        get valueType() {
+            return this.i.n;
+        }
+        set valueType(v) {
+            this.i.n = ensureEnum(PropertyEditorValueType_$type, v);
+            this._a("valueType", enumToString(PropertyEditorValueType_$type, this.i.n));
+        }
+        get propertyDescriptionType() {
+            return this.i.ak;
+        }
+        set propertyDescriptionType(v) {
+            this.i.ak = v;
+        }
+        get shouldOverrideDefaultEditor() {
+            return this.i.q;
+        }
+        set shouldOverrideDefaultEditor(v) {
+            this.i.q = ensureBool(v);
+            this._a("shouldOverrideDefaultEditor", this.i.q);
+        }
+        get elementDescriptionType() {
+            return this.i.ai;
+        }
+        set elementDescriptionType(v) {
+            this.i.ai = v;
+        }
+        get dropDownNames() {
+            return this.i.c;
+        }
+        set dropDownNames(v) {
+            if (v && !Array.isArray(v) && typeof (v) == "string") {
+                const re = /\s*(?:,|\s|$)\s*/gm;
+                v = v.split(re);
+            }
+            this.i.c = v;
+        }
+        get dropDownValues() {
+            return this.i.d;
+        }
+        set dropDownValues(v) {
+            if (v && !Array.isArray(v) && typeof (v) == "string") {
+                const re = /\s*(?:,|\s|$)\s*/gm;
+                v = v.split(re);
+            }
+            this.i.d = v;
+        }
+        get primitiveValue() {
+            return this.i.ad;
+        }
+        set primitiveValue(v) {
+            this.i.ad = v;
+        }
+        get min() {
+            return this.i.z;
+        }
+        set min(v) {
+            this.i.z = +v;
+            this._a("min", this.i.z);
+        }
+        get editorWidth() {
+            return this.i.w;
+        }
+        set editorWidth(v) {
+            this.i.w = +v;
+            this._a("editorWidth", this.i.w);
+        }
+        get labelWidth() {
+            return this.i.x;
+        }
+        set labelWidth(v) {
+            this.i.x = +v;
+            this._a("labelWidth", this.i.x);
+        }
+        get max() {
+            return this.i.y;
+        }
+        set max(v) {
+            this.i.y = +v;
+            this._a("max", this.i.y);
+        }
+        get step() {
+            return this.i.aa;
+        }
+        set step(v) {
+            this.i.aa = +v;
+            this._a("step", this.i.aa);
+        }
+        get complexValue() {
+            if (this.i.g == null) {
+                return null;
+            }
+            if (!this.i.g.externalObject) {
+                let e = new IgcPropertyEditorDescriptionObject();
+                e._implementation = this.i.g;
+                this.i.g.externalObject = e;
+            }
+            return this.i.g.externalObject;
+        }
+        set complexValue(v) {
+            v == null ? this.i.g = null : this.i.g = v.i;
+        }
+        get complexValues() {
+            if (this._complexValues === null) {
+                let coll = new IgcPropertyEditorDescriptionObjectCollection();
+                let innerColl = this.i.i;
+                if (!innerColl) {
+                    innerColl = new PropertyEditorDescriptionObjectCollection();
+                }
+                this._complexValues = coll._fromInner(innerColl);
+                this.i.i = innerColl;
+            }
+            return this._complexValues;
+        }
+        set complexValues(v) {
+            if (this._complexValues !== null) {
+                this._complexValues._setSyncTarget(null);
+                this._complexValues = null;
+            }
+            let coll = new IgcPropertyEditorDescriptionObjectCollection();
+            this._complexValues = coll._fromOuter(v);
+            let syncColl = new SyncableObservableCollection$1(PropertyEditorDescriptionObject.$type);
+            let innerColl = this.i.i;
+            if (!innerColl) {
+                innerColl = new PropertyEditorDescriptionObjectCollection();
+            }
+            syncColl._inner = innerColl;
+            syncColl.clear();
+            this._complexValues._setSyncTarget(syncColl);
+            this.i.i = innerColl;
+        }
+        findByName(name) {
+            if (this.complexValue && this.complexValue.name && this.complexValue.name == name) {
+                return this.complexValue;
+            }
+            if (this.complexValues != null && this.complexValues.findByName && this.complexValues.findByName(name)) {
+                return this.complexValues.findByName(name);
+            }
+            return null;
+        }
+        get hasUserValues() {
+            return this._hasUserValues;
+        }
+        __m(propertyName) {
+            if (!this._inStyling) {
+                this._hasUserValues.add(propertyName);
+            }
+        }
+        _styling(container, component, parent) {
+            if (this._inStyling) {
+                return;
+            }
+            this._inStyling = true;
+            this._stylingContainer = container;
+            this._stylingParent = component;
+            let genericPrefix = "";
+            let typeName = this.i.$type.name;
+            if (typeName.indexOf("Xam") === 0) {
+                typeName = typeName.substring(3);
+            }
+            genericPrefix = toSpinal("PropertyEditorPropertyDescriptionComponent");
+            let additionalPrefixes = [];
+            let prefix = toSpinal(typeName);
+            additionalPrefixes.push(prefix + "-");
+            let b = this.i.$type.baseType;
+            while (b && b.name != "Object" &&
+                b.name != "Base" &&
+                b.name != "Control" &&
+                b.Name != "DependencyObject" &&
+                b.Name != "FrameworkElement") {
+                typeName = b.name;
+                if (typeName.indexOf("Xam") === 0) {
+                    typeName = typeName.substring(3);
+                }
+                let basePrefix = toSpinal(typeName);
+                additionalPrefixes.push(basePrefix + "-");
+                b = b.baseType;
+            }
+            if (parent) {
+                let parentTypeName = parent.i.$type.name;
+                if (parentTypeName.indexOf("Xam") === 0) {
+                    parentTypeName = parentTypeName.substring(3);
+                }
+                let parentPrefix = toSpinal(parentTypeName);
+                additionalPrefixes.push(parentPrefix + "-" + genericPrefix + "-");
+                additionalPrefixes.push(parentPrefix + "-" + prefix + "-");
+            }
+            initializePropertiesFromCss(container, this, genericPrefix + "-", this.hasUserValues, false, additionalPrefixes);
+            if (this._otherStyling) {
+                this._otherStyling(container, component, parent);
+            }
+            this._inStyling = false;
+        }
+        get buttonClicked() {
+            return this._buttonClicked;
+        }
+        set buttonClicked(ev) {
+            if (this._buttonClicked_wrapped !== null) {
+                this.i.buttonClicked = delegateRemove(this.i.buttonClicked, this._buttonClicked_wrapped);
+                this._buttonClicked_wrapped = null;
+                this._buttonClicked = null;
+            }
+            this._buttonClicked = ev;
+            this._buttonClicked_wrapped = (o, e) => {
+                let outerArgs = new IgcPropertyEditorPropertyDescriptionButtonClickEventArgs();
+                outerArgs._provideImplementation(e);
+                if (this.beforeButtonClicked) {
+                    this.beforeButtonClicked(this, outerArgs);
+                }
+                if (this._buttonClicked) {
+                    this._buttonClicked(this, outerArgs);
+                }
+            };
+            this.i.buttonClicked = delegateCombine(this.i.buttonClicked, this._buttonClicked_wrapped);
+        }
+        get changed() {
+            return this._changed;
+        }
+        set changed(ev) {
+            if (this._changed_wrapped !== null) {
+                this.i.changed = delegateRemove(this.i.changed, this._changed_wrapped);
+                this._changed_wrapped = null;
+                this._changed = null;
+            }
+            this._changed = ev;
+            this._changed_wrapped = (o, e) => {
+                let outerArgs = new IgcPropertyEditorPropertyDescriptionChangedEventArgs();
+                outerArgs._provideImplementation(e);
+                if (this.beforeChanged) {
+                    this.beforeChanged(this, outerArgs);
+                }
+                if (this._changed) {
+                    this._changed(this, outerArgs);
+                }
+            };
+            this.i.changed = delegateCombine(this.i.changed, this._changed_wrapped);
+        }
+        get targetPropertyUpdating() {
+            return this._targetPropertyUpdating;
+        }
+        set targetPropertyUpdating(ev) {
+            if (this._targetPropertyUpdating_wrapped !== null) {
+                this.i.targetPropertyUpdating = delegateRemove(this.i.targetPropertyUpdating, this._targetPropertyUpdating_wrapped);
+                this._targetPropertyUpdating_wrapped = null;
+                this._targetPropertyUpdating = null;
+            }
+            this._targetPropertyUpdating = ev;
+            this._targetPropertyUpdating_wrapped = (o, e) => {
+                let outerArgs = new IgcPropertyEditorPropertyDescriptionTargetPropertyUpdatingEventArgs();
+                outerArgs._provideImplementation(e);
+                if (this.beforeTargetPropertyUpdating) {
+                    this.beforeTargetPropertyUpdating(this, outerArgs);
+                }
+                if (this._targetPropertyUpdating) {
+                    this._targetPropertyUpdating(this, outerArgs);
+                }
+            };
+            this.i.targetPropertyUpdating = delegateCombine(this.i.targetPropertyUpdating, this._targetPropertyUpdating_wrapped);
+        }
+    }
+    IgcPropertyEditorPropertyDescriptionComponent._observedAttributesIgcPropertyEditorPropertyDescriptionComponent = null;
+    IgcPropertyEditorPropertyDescriptionComponent.htmlTagName = "igc-property-editor-property-description";
+    IgcPropertyEditorPropertyDescriptionComponent._isElementRegistered = false;
+    return IgcPropertyEditorPropertyDescriptionComponent;
+})();
+
+/*
+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 IgcPropertyEditorPropertyDescriptionModule {
+    static register() {
+        IgcPropertyEditorPropertyDescriptionComponent.register();
+        TypeRegistrar.registerCons("IgcPropertyEditorPropertyDescriptionComponent", IgcPropertyEditorPropertyDescriptionComponent);
+        TypeRegistrar.register("PropertyEditorPropertyDescription", PropertyEditorPropertyDescription.$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.
+*/
+/**
+ * @hidden
+ */
+let PropertyEditorPanelTemplateCellUpdatingEventArgs = /*@__PURE__*/ (() => {
+    class PropertyEditorPanelTemplateCellUpdatingEventArgs extends Base {
+        constructor() {
+            super(...arguments);
+            this.b = 0;
+            this.c = null;
+            this.a = null;
+        }
+    }
+    PropertyEditorPanelTemplateCellUpdatingEventArgs.$t = /*@__PURE__*/ markType(PropertyEditorPanelTemplateCellUpdatingEventArgs, 'PropertyEditorPanelTemplateCellUpdatingEventArgs');
+    return PropertyEditorPanelTemplateCellUpdatingEventArgs;
+})();
+
+/*
+THIS INFRAGISTICS ULTIMATE SOFTWARE LICENSE  AGREEMENT ("AGREEMENT") LOCATED HERE:
+https://www.infragistics.com/legal/license/igultimate-la
+https://www.infragistics.com/legal/license/igultimate-eula
+GOVERNS THE LICENSING, INSTALLATION AND USE OF INFRAGISTICS SOFTWARE. BY DOWNLOADING AND/OR INSTALLING AND USING INFRAGISTICS SOFTWARE:  you are indicating that you have read and understand this Agreement, and agree to be legally bound by it on behalf of the yourself and your company.
+*/
+/**
+ * @hidden
+ */
+let PropertyEditorPanelDataBindingEventArgs = /*@__PURE__*/ (() => {
+    class PropertyEditorPanelDataBindingEventArgs extends Base {
+        constructor() {
+            super(...arguments);
+            this.a = 0;
+            this.c = null;
+            this.b = null;
+        }
+    }
+    PropertyEditorPanelDataBindingEventArgs.$t = /*@__PURE__*/ markType(PropertyEditorPanelDataBindingEventArgs, 'PropertyEditorPanelDataBindingEventArgs');
+    return PropertyEditorPanelDataBindingEventArgs;
+})();
+
+/*
+THIS INFRAGISTICS ULTIMATE SOFTWARE LICENSE  AGREEMENT ("AGREEMENT") LOCATED HERE:
+https://www.infragistics.com/legal/license/igultimate-la
+https://www.infragistics.com/legal/license/igultimate-eula
+GOVERNS THE LICENSING, INSTALLATION AND USE OF INFRAGISTICS SOFTWARE. BY DOWNLOADING AND/OR INSTALLING AND USING INFRAGISTICS SOFTWARE:  you are indicating that you have read and understand this Agreement, and agree to be legally bound by it on behalf of the yourself and your company.
+*/
+/**
+ * @hidden
+ */
+let PropertyEditorPanelColumnDefinition = /*@__PURE__*/ (() => {
+    class PropertyEditorPanelColumnDefinition extends Base {
+        constructor() {
+            super(...arguments);
+            this.b = 0;
+            this.f = 0;
+            this.g = 0;
+            this.a = 0;
+            this.h = 0;
+            this.j = null;
+            this.cellUpdating = null;
+            this.dataBinding = null;
+        }
+        i(a, b, c) {
+            if (this.dataBinding != null) {
+                let d = new PropertyEditorPanelDataBindingEventArgs();
+                d.b = a;
+                d.a = b;
+                d.c = c;
+                this.dataBinding(this, d);
+                return d.b;
+            }
+            else {
+                return a;
+            }
+        }
+        e(a, b, c) {
+            if (this.cellUpdating != null) {
+                let d = new PropertyEditorPanelTemplateCellUpdatingEventArgs();
+                d.a = a;
+                d.b = b;
+                d.c = c;
+                this.cellUpdating(this, d);
+                return d.a;
+            }
+            else {
+                return a;
+            }
+        }
+    }
+    PropertyEditorPanelColumnDefinition.$t = /*@__PURE__*/ markType(PropertyEditorPanelColumnDefinition, 'PropertyEditorPanelColumnDefinition');
+    return PropertyEditorPanelColumnDefinition;
+})();
+
+/*
+THIS INFRAGISTICS ULTIMATE SOFTWARE LICENSE  AGREEMENT ("AGREEMENT") LOCATED HERE:
+https://www.infragistics.com/legal/license/igultimate-la
+https://www.infragistics.com/legal/license/igultimate-eula
+GOVERNS THE LICENSING, INSTALLATION AND USE OF INFRAGISTICS SOFTWARE. BY DOWNLOADING AND/OR INSTALLING AND USING INFRAGISTICS SOFTWARE:  you are indicating that you have read and understand this Agreement, and agree to be legally bound by it on behalf of the yourself and your company.
+*/
+/**
+ * @hidden
+ */
+let HorizontalPropertyEditorPanelDataSource = /*@__PURE__*/ (() => {
+    class HorizontalPropertyEditorPanelDataSource extends PropertyEditorPropertyDescriptionCollection {
+        constructor(a) {
+            super();
+            this.ae = null;
+            this.add(new PropertyEditorPropertyDescription());
+            this.ae = a;
+        }
+    }
+    HorizontalPropertyEditorPanelDataSource.$t = /*@__PURE__*/ markType(HorizontalPropertyEditorPanelDataSource, 'HorizontalPropertyEditorPanelDataSource', PropertyEditorPropertyDescriptionCollection.$);
+    return HorizontalPropertyEditorPanelDataSource;
+})();
+
+/*
+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.
+*/
+
+/*
+THIS INFRAGISTICS ULTIMATE SOFTWARE LICENSE  AGREEMENT ("AGREEMENT") LOCATED HERE:
+https://www.infragistics.com/legal/license/igultimate-la
+https://www.infragistics.com/legal/license/igultimate-eula
+GOVERNS THE LICENSING, INSTALLATION AND USE OF INFRAGISTICS SOFTWARE. BY DOWNLOADING AND/OR INSTALLING AND USING INFRAGISTICS SOFTWARE:  you are indicating that you have read and understand this Agreement, and agree to be legally bound by it on behalf of the yourself and your company.
+*/
+/**
+ * @hidden
+ */
+let PropertyEditorTreeTransformer = /*@__PURE__*/ (() => {
+    class PropertyEditorTreeTransformer extends Base {
+        constructor(a, b) {
+            super();
+            this.a = new DescriptionTreeNode();
+            this.b = null;
+            this.b = a;
+            this.a = new DescriptionTreeNode();
+            this.a.h = b;
+            let c = new JsonDictionaryObject();
+        }
+        h(a, b, c) {
+            if (a == null) {
+                return;
+            }
+            this.c(a, b, this.a, c, null);
+        }
+        c(a, b, c, d, e) {
+            if (a == null) {
+                return null;
+            }
+            let f = stringSplit(a, ['.', '['], 0);
+            let g = f[0];
+            let h = f.length > 1;
+            let i = false;
+            let j = new List$1(Number_$type, 0);
+            let k = new List$1(String_$type, 0);
+            if (stringContains(g, "]")) {
+                i = true;
+                g = stringReplace(g, "]", "");
+                let l = g.split(',');
+                for (let m = 0; m < l.length; m++) {
+                    let n = l[m];
+                    if (stringContains(n, "as")) {
+                        let o = n.indexOf("as");
+                        let p = n.substr(0, o).trim();
+                        let q = n.substr(o + 2).trim();
+                        j.add(parseInt(p));
+                        k.add(q);
+                        d = q;
+                        g = p;
+                    }
+                }
+            }
+            let r = null;
+            if (!i) {
+                r = this.b.getMetadata(d, g);
+            }
+            else {
+                r = e;
+            }
+            if (h) {
+                if (i) {
+                    let s = c.b;
+                    for (let t = 0; t < j.count; t++) {
+                        g = j._inner[t].toString();
+                        let u = k._inner[t];
+                        let v = parseInt(stringReplace(stringReplace(g, "[", ""), "]", ""));
+                        {
+                            let w = new List$1(Base.$, 0);
+                            for (let x = 0; x <= v; x++) {
+                                if (s != null && x < s.length) {
+                                    let y = s[x];
+                                    if (typeCast(DescriptionTreeNode.$, y) !== null && x == v) {
+                                        y.h = u;
+                                    }
+                                    w.add1(y);
+                                }
+                                else {
+                                    let z = this.d(e, true, u);
+                                    if (z != null) {
+                                        w.add1(z);
+                                    }
+                                }
+                            }
+                            s = w.toArray();
+                            let aa = s[v];
+                            let ab = new List$1(String_$type, 1, f);
+                            ab.removeAt(0);
+                            let ac = r.collectionElementType;
+                            if (u != null) {
+                                ac = u;
+                            }
+                            let ad = this.c(stringJoin(".", ...ab.toArray()), b, aa, ac, r);
+                            if (ad != null) {
+                                s[v] = ad;
+                            }
+                            c.b = s;
+                        }
+                    }
+                }
+                else {
+                    let ae = c;
+                    if (!ae.b(g)) {
+                        ae.n(g, this.d(r, false, null), r);
+                    }
+                    let af = ae.a(g);
+                    let ag = new List$1(String_$type, 1, f);
+                    ag.removeAt(0);
+                    let ah = this.c(stringJoin(".", ...ag.toArray()), b, af, r.specificExternalType, r);
+                    if (ah != null) {
+                        ae.n(g, ah, r);
+                    }
+                }
+            }
+            else {
+                let ai = c;
+                ai.n(g, this.e(b, r), r);
+            }
+            return null;
+        }
+        f(a) {
+            if (a == null) {
+                return null;
+            }
+            if (a.length < 1) {
+                return "";
+            }
+            return a.substr(0, 1).toLowerCase() + a.substr(1);
+        }
+        e(a, b) {
+            if (a == null) {
+                return null;
+            }
+            if (b == null) {
+                return null;
+            }
+            switch (b.knownType) {
+                case 10: return a;
+                case 7: return a;
+                case 4: return a.toString();
+                case 6: return a;
+                case 9: return a;
+                case 5: return a.toString();
+                case 16: return a;
+                case 20: return a;
+                case 15: return a;
+                case 3: return a;
+                case 19: return a;
+                case 8: return a;
+                case 13: return a;
+                case 18: return a;
+                case 1: return a;
+                case 11: return a;
+                case 14: return a;
+                case 12: return a;
+                case 2: return a;
+                case 21: return a;
+                case 17: return a;
+                case 0: return a;
+            }
+            return null;
+        }
+        d(a, b, c) {
+            if (!b && (a.knownType == 10 || a.knownType == 9)) {
+                return new Array(0);
+            }
+            else {
+                let d = new DescriptionTreeNode();
+                if (c != null) {
+                    d.h = c;
+                }
+                else {
+                    d.h = a.specificExternalType != null ? a.specificExternalType : a.specificType;
+                }
+                return d;
+            }
+        }
+        g() {
+            let a = new DescriptionSerializerBuilder();
+            let b = new DescriptionSerializer();
+            let c = "root";
+            a.f("{");
+            a.i();
+            a.f("\"descriptions\": {");
+            a.i();
+            a.e("\"" + c + "\"");
+            a.e(": ");
+            b.s(this.b, this.a, a);
+            a.f("");
+            a.h();
+            a.e("}");
+            a.h();
+            a.f("}");
+            return a.toString();
+        }
+    }
+    PropertyEditorTreeTransformer.$t = /*@__PURE__*/ markType(PropertyEditorTreeTransformer, 'PropertyEditorTreeTransformer');
+    return PropertyEditorTreeTransformer;
+})();
+
+/*
+THIS INFRAGISTICS ULTIMATE SOFTWARE LICENSE  AGREEMENT ("AGREEMENT") LOCATED HERE:
+https://www.infragistics.com/legal/license/igultimate-la
+https://www.infragistics.com/legal/license/igultimate-eula
+GOVERNS THE LICENSING, INSTALLATION AND USE OF INFRAGISTICS SOFTWARE. BY DOWNLOADING AND/OR INSTALLING AND USING INFRAGISTICS SOFTWARE:  you are indicating that you have read and understand this Agreement, and agree to be legally bound by it on behalf of the yourself and your company.
+*/
+/**
+ * @hidden
+ */
+let PropertyEditorPanelView = /*@__PURE__*/ (() => {
+    class PropertyEditorPanelView extends Base {
+        constructor() {
+            super();
+            this.n = null;
+            this.m = null;
+            this.a = null;
+            this.i = null;
+            this.l = null;
+            this.e = null;
+            this.k = null;
+            this.b = ((() => {
+                let $ret = new FontInfo();
+                $ret.n = "Verdana";
+                $ret.d = 13;
+                $ret.q = "Normal";
+                $ret.s = "Normal";
+                $ret.o = "Normal";
+                return $ret;
+            })());
+            this.aa = new Size();
+            this.c = null;
+            this._gridExternal = null;
+            this.f = false;
+            this.j = null;
+        }
+        p() {
+            return this.i;
+        }
+        v() {
+        }
+        t(a) {
+            if (a == null) {
+                this.i = null;
+                return;
+            }
+            this.a.j = new DOMExecutionContext(a);
+            this.i = a;
+            this.l = this.i.createElement("canvas");
+            this.e = new RenderingContext(new CanvasViewRenderer(), this.i.get2DCanvasContext(this.l));
+            this.k = this.i.createElement("div");
+            this.y();
+            NativeUIComponent.z(this.p(), 7, (b) => {
+                let c = b;
+                this.a.dg(c, this.n);
+                this.i.append(c.u);
+            });
+            let b = Math.round(a.rootWrapper.width());
+            let c = Math.round(a.rootWrapper.height());
+            this.i.rootWrapper.setStyleProperty("position", "relative");
+        }
+        y() {
+        }
+        x() {
+            if (this.i != null) {
+            }
+        }
+        s() {
+            if (this.i == null) {
+                return;
+            }
+            let a = this.i.rootWrapper.width();
+            let b = this.i.rootWrapper.height();
+            this.aa = new Size(1, a, b);
+            if (this.a.v != null) {
+                this.a.d1();
+            }
+        }
+        z() {
+            let a = this.i;
+            if (null == a) {
+                return;
+            }
+            let b = a.rootWrapper;
+            if (null != b) {
+                NativeUI.o(b, this.a.d8);
+                NativeUI.k(b, this.a.d5);
+            }
+        }
+        d() {
+            return this.b;
+        }
+        u() {
+        }
+        w() {
+        }
+        r() {
+            let a = this.a.d9();
+            if (a.height > 0) {
+                this.i.rootWrapper.setStyleProperty("min-height", a.height + "px");
+            }
+        }
+        g() {
+            return this.aa.width;
+        }
+        h(a) {
+            this.c = this.a.u();
+            return FontUtil.measureStringWidth(a, this.c, this.e);
+        }
+        q(a, b) {
+            if (this.j == null) {
+                this.j = this.i.createElement("div");
+            }
+            b(this.j.getNativeElement());
+        }
+    }
+    PropertyEditorPanelView.$t = /*@__PURE__*/ markType(PropertyEditorPanelView, 'PropertyEditorPanelView');
+    return PropertyEditorPanelView;
+})();
+/**
+ * @hidden
+ */
+let PropertyEditorPanel = /*@__PURE__*/ (() => {
+    class PropertyEditorPanel extends Base {
+        constructor() {
+            super();
+            this.l = null;
+            this.v = null;
+            this.r = null;
+            this.y = false;
+            this.z = false;
+            this.w = null;
+            this.propertyChanged = null;
+            this.af = false;
+            this.n = null;
+            this.o = new PropertyEditorPropertyDescriptionCollection();
+            this.bj = -1;
+            this.aq = DeviceUtils.g(38);
+            this.s = null;
+            this.bq = null;
+            this.c = null;
+            this.an = null;
+            this.j = null;
+            this.ae = false;
+            this.ap = null;
+            this.bs = null;
+            this.ad = true;
+            this.am = new Dictionary$2(PropertyEditorPanelColumnDefinition.$, Number_$type, 0);
+            this.f = null;
+            this.g = null;
+            this.d = null;
+            this.bp = null;
+            this.bt = null;
+            this.aa = false;
+            this.ac = false;
+            this.ab = false;
+            this.d3 = PropertyEditorPanel.d6;
+            this.d4 = PropertyEditorPanel.d7;
+            this.bn = 0;
+            this.bk = -1;
+            this.k = null;
+            NativeUIInputsFactory.k();
+            this.ap = new ObservableCollection$1(PropertyEditorPanelColumnDefinition.$, 0);
+            let a = new PropertyEditorPanelView();
+            a.a = this;
+            let b = this.properties;
+            b.collectionChanged = delegateCombine(b.collectionChanged, runOn(this, this.dw));
+            this.l = a;
+            this.l.v();
+        }
+        get x() {
+            if (this.w == null) {
+                this.w = new SRProvider(this.l.i);
+                this.w.cb("Layouts");
+            }
+            return this.w;
+        }
+        dw(a, b) {
+            if (b.oldItems != null) {
+                for (let c of fromEn(b.oldItems)) {
+                    if (typeCast(INotifyPropertyChanged_$type, c) !== null) {
+                        let d = c;
+                        d.propertyChanged = delegateRemove(d.propertyChanged, runOn(this, this.di));
+                    }
+                }
+            }
+            if (b.newItems != null) {
+                for (let e of fromEn(b.newItems)) {
+                    if (typeCast(INotifyPropertyChanged_$type, e) !== null) {
+                        let f = e;
+                        f.propertyChanged = delegateCombine(f.propertyChanged, runOn(this, this.di));
+                    }
+                }
+            }
+            this.aj();
+            if (this.properties.count > 0 && this.actualProperties != this.properties) {
+                this.actualProperties = this.properties;
+            }
+            this.ds();
+        }
+        ds() {
+            if (!this.af) {
+                if (this.v != null) {
+                    this.d1();
+                }
+            }
+        }
+        di(a, b) {
+            if (!this.af) {
+                this.aj();
+                if (this.v != null) {
+                    this.d1();
+                }
+            }
+        }
+        notifySizeChanged() {
+            this.l.s();
+        }
+        dg(a, b) {
+            this.v = a;
+            if (null != this.v) {
+                if (this.actualProperties != null) {
+                    if (this.ag) {
+                        if (this.actualProperties != null && !(typeCast(HorizontalPropertyEditorPanelDataSource.$, this.actualProperties) !== null)) {
+                            this.actualProperties = new HorizontalPropertyEditorPanelDataSource(this.actualProperties);
+                        }
+                    }
+                    else {
+                        if (typeCast(HorizontalPropertyEditorPanelDataSource.$, this.actualProperties) !== null) {
+                            let c = this.actualProperties;
+                            this.actualProperties = c.ae;
+                        }
+                    }
+                    this.bq = this.actualProperties;
+                    let d = this.actualProperties;
+                    d = this.actualProperties.toArray();
+                    let e = new LocalDataSource();
+                    e.dataSource = d;
+                    this.c = e;
+                    this.cd();
+                }
+                if (this.actualProperties != null) {
+                    this.d1();
+                }
+            }
+        }
+        destroy() {
+            this.provideContainer(null);
+        }
+        provideContainer(a) {
+            this.l.t(a);
+        }
+        dr(a) {
+        }
+        get actualProperties() {
+            return this.n;
+        }
+        set actualProperties(a) {
+            let b = this.n;
+            this.n = a;
+            if (b != this.n) {
+                this.dt("ActualProperties", b, this.n);
+            }
+        }
+        get properties() {
+            return this.o;
+        }
+        set properties(a) {
+            let b = this.o;
+            this.o = a;
+            if (b != this.o) {
+                this.dt("Properties", b, this.o);
+            }
+        }
+        get bo() {
+            return this.bj;
+        }
+        set bo(a) {
+            let b = this.bj;
+            this.bj = a;
+            if (b != this.bj) {
+                this.dt("RowHeight", b, this.bj);
+            }
+        }
+        get ar() {
+            return this.aq;
+        }
+        set ar(a) {
+            this.aq = a;
+        }
+        get t() {
+            return this.s;
+        }
+        set t(a) {
+            let b = this.s;
+            this.s = a;
+            if (b != this.s) {
+                this.dt("CellTextStyle", b, this.s);
+            }
+        }
+        u() {
+            if (this.t == null) {
+                return this.l.d();
+            }
+            return this.t;
+        }
+        dt(a, b, c) {
+            if (this.propertyChanged != null) {
+                this.propertyChanged(this, new PropertyChangedEventArgs(a));
+            }
+            this.dx(a, b, c);
+        }
+        dx(a, b, c) {
+            switch (a) {
+                case "DescriptionType":
+                    if (this.b1 == null) {
+                        if (this.properties == null) {
+                            this.actualProperties = null;
+                        }
+                    }
+                    if (this.b1 != null) {
+                        if (this.k == null) {
+                            this.k = new PropertyEditorDataSource();
+                        }
+                        this.k.l = this.b1;
+                    }
+                    if (this.properties == null || this.properties.count == 0) {
+                        if (this.k.g != null) {
+                            this.actualProperties = this.k.g;
+                        }
+                    }
+                    else {
+                        if (this.properties != null && this.properties.count > 0) {
+                            this.aj();
+                        }
+                    }
+                    break;
+                case "ComponentRenderer":
+                    if (b != null) {
+                        b.removeTargetPropertyUpdatingListener(runOn(this, this.al));
+                    }
+                    if (b != c) {
+                        this.ad = true;
+                    }
+                    if (this.e == null) {
+                        this.h = this.i;
+                    }
+                    else {
+                        this.h = this.e.context;
+                    }
+                    break;
+                case "Target":
+                    if (ComponentRenderer.defaultInstance != null && this.e == null) {
+                        this.e = ComponentRenderer.defaultInstance;
+                    }
+                    break;
+                case "DescriptionContext":
+                    if (this.e == null) {
+                        this.h = c;
+                    }
+                    break;
+                case "ActualContext":
+                    if (this.h == null) {
+                        if (this.properties == null) {
+                            this.actualProperties = null;
+                        }
+                    }
+                    if (this.h != null) {
+                        if (this.k == null) {
+                            this.k = new PropertyEditorDataSource();
+                        }
+                        this.k.b = this.h;
+                    }
+                    if (this.properties == null || this.properties.count == 0) {
+                        if (this.k.g != null) {
+                            this.actualProperties = this.k.g;
+                        }
+                    }
+                    else {
+                        if (this.properties != null && this.properties.count > 0) {
+                            this.aj();
+                        }
+                    }
+                    break;
+                case "Properties":
+                    this.actualProperties = this.properties;
+                    break;
+                case "IsWrappingEnabled":
+                    this.d1();
+                    break;
+                case "IsHorizontal":
+                    if (this.ag) {
+                        if (this.actualProperties != null && !(typeCast(HorizontalPropertyEditorPanelDataSource.$, this.actualProperties) !== null)) {
+                            this.actualProperties = new HorizontalPropertyEditorPanelDataSource(this.actualProperties);
+                        }
+                    }
+                    else {
+                        if (typeCast(HorizontalPropertyEditorPanelDataSource.$, this.actualProperties) !== null) {
+                            let d = this.actualProperties;
+                            this.actualProperties = d.ae;
+                        }
+                    }
+                    break;
+                case "ActualProperties":
+                    if (this.ag) {
+                        if (this.actualProperties != null && !(typeCast(HorizontalPropertyEditorPanelDataSource.$, this.actualProperties) !== null)) {
+                            this.actualProperties = new HorizontalPropertyEditorPanelDataSource(this.actualProperties);
+                        }
+                    }
+                    else {
+                        if (typeCast(HorizontalPropertyEditorPanelDataSource.$, this.actualProperties) !== null) {
+                            let e = this.actualProperties;
+                            this.actualProperties = e.ae;
+                        }
+                    }
+                    if (this.v != null) {
+                        let f = this.bq != this.actualProperties;
+                        if (this.ag) {
+                            if (this.actualProperties != null && !(typeCast(HorizontalPropertyEditorPanelDataSource.$, this.actualProperties) !== null)) {
+                                this.actualProperties = new HorizontalPropertyEditorPanelDataSource(this.actualProperties);
+                            }
+                        }
+                        else {
+                            if (typeCast(HorizontalPropertyEditorPanelDataSource.$, this.actualProperties) !== null) {
+                                let g = this.actualProperties;
+                                this.actualProperties = g.ae;
+                            }
+                        }
+                        this.bq = this.actualProperties;
+                        let h = this.actualProperties;
+                        h = this.actualProperties.toArray();
+                        let i = new LocalDataSource();
+                        i.dataSource = h;
+                        this.c = i;
+                        this.cd();
+                        if (this.c != null) {
+                            let j = this.c;
+                            j.schemaChanged = delegateCombine(j.schemaChanged, runOn(this, this.dv));
+                        }
+                        if (f) {
+                            this.d1();
+                        }
+                    }
+                    break;
+                case "RowHeight":
+                    if (this.v != null) {
+                        this.ar = this.bo;
+                    }
+                    break;
+                case "CellTextStyle":
+                    this.dz();
+                    break;
+                case "BackgroundColor":
+                case "TextColor":
+                    this.dz();
+                    break;
+            }
+        }
+        aj() {
+            let a = this.af;
+            this.af = true;
+            let b = false;
+            for (let c of fromEnum(this.properties)) {
+                let d = c.al;
+                if (this.k != null) {
+                    let e = this.k.d(d, false);
+                    if (e != null) {
+                        if (c.p(e)) {
+                            b = true;
+                        }
+                    }
+                }
+            }
+            if (b) {
+                this.d1();
+            }
+            else if (this.v != null) {
+                this.dz();
+            }
+            this.af = a;
+            return b;
+        }
+        dz() {
+            if (!this.ae && this.j != null) {
+                this.ae = true;
+                this.j.enqueueAction(runOn(this, this.ci));
+            }
+        }
+        ci() {
+            this.ae = false;
+            if (this.an == null) {
+                this.an = new List$1(List$1.$.specialize(NativeUIComponent.$), 0);
+            }
+            if (this.c == null) {
+                return;
+            }
+            let a = this.c.actualCount;
+            for (let b = 0; b < a; b++) {
+                let c = b;
+                let d = this.c.getItemAtIndex(b);
+                if (this.v.az < c + 1) {
+                    this.v.a1(c, 1, this.ar);
+                }
+                else {
+                    this.v.a7(c, 1, this.ar);
+                }
+                if (this.an.count < c + 1) {
+                    this.an.add(new List$1(NativeUIComponent.$, 0));
+                }
+                let e = this.an._inner[c];
+                for (let f = 0; f < this.ap.count; f++) {
+                    let g = this.ap._inner[f];
+                    if (e.count < f + 1) {
+                        NativeUIComponent.aa(this.l.p(), 0, (h) => {
+                            let i = h;
+                            i.e = 1;
+                            if (g.a == 0) {
+                                i.d = 2;
+                            }
+                            i.an = new Thickness(1, 5, 5, 5, 0);
+                            this.v.as(i);
+                            this.v.a5(i, c);
+                            this.v.a4(i, f);
+                            e.add(i);
+                        });
+                    }
+                    if (this.v.aw < f + 1) {
+                        this.v.a0(f, 1, g.h);
+                    }
+                    else {
+                        this.v.a6(f, 1, g.h);
+                    }
+                    let h = e._inner[f];
+                    let i = "PropertyPath";
+                    if (g.a == 1) {
+                        i = "ValueType";
+                    }
+                    let j = h;
+                    let k = this.m(g, c, d);
+                    let l = null;
+                    if (k != null) {
+                        l = this.c.getItemProperty(k, i);
+                        l = g.i(l, c, d);
+                        if (l != null) {
+                            h = g.e(h, c, d);
+                        }
+                    }
+                    if (l == null) {
+                        let m = h;
+                        m.aw = null;
+                    }
+                }
+            }
+            let n = new HashSet$1(NativeUIComponent.$, 0);
+            for (let o = this.v.ar - 1; o >= 0; o--) {
+                let p = this.v.aq(o);
+                let q = this.v.ay(p);
+                let r = this.v.ax(p);
+                if ((q + 1) > a || (r + 1) > this.ap.count) {
+                    n.add_1(p);
+                }
+            }
+            for (let s = this.v.ar - 1; s >= 0; s--) {
+                let t = this.v.aq(s);
+                if (n.contains(t)) {
+                    this.v.au(s);
+                }
+            }
+            for (let u = this.an.count - 1; u >= 0; u--) {
+                for (let v = this.an._inner[u].count - 1; v >= 0; v--) {
+                    let w = this.an._inner[u]._inner[v];
+                    if (n.contains(w)) {
+                        this.an._inner[u].removeAt(v);
+                    }
+                }
+                if (this.an._inner[u].count == 0) {
+                    this.an.removeAt(u);
+                }
+            }
+            while (this.v.az > a) {
+                this.v.a3(this.v.az - 1);
+            }
+            while (this.v.aw > this.ap.count) {
+                this.v.a2(this.v.aw - 1);
+            }
+        }
+        dv(a, b) {
+            this.z = true;
+            this.cd();
+            this.z = false;
+        }
+        d1() {
+            if (this.v == null) {
+                return;
+            }
+            this.am.clear();
+            this.ap.clear();
+            let a = this.bo == -1 ? 38 : this.bo;
+            let b = this.d5;
+            let c = this.u();
+            if (this.ag) {
+                this.cf();
+            }
+            else {
+                let d = new PropertyEditorPanelColumnDefinition();
+                d.b = 0;
+                d.f = 10;
+                d.g = 5;
+                d.a = 0;
+                d.dataBinding = delegateCombine(d.dataBinding, runOn(this, this.dk));
+                d.cellUpdating = delegateCombine(d.cellUpdating, runOn(this, this.dj));
+                d.j = "PropertyPath";
+                this.ap.add(d);
+                let e = new PropertyEditorPanelColumnDefinition();
+                e.b = 1;
+                e.a = 1;
+                e.f = 5;
+                e.g = 5;
+                e.dataBinding = delegateCombine(e.dataBinding, runOn(this, this.ck));
+                e.cellUpdating = delegateCombine(e.cellUpdating, runOn(this, this.cj));
+                e.j = "ValueType";
+                this.ap.add(e);
+            }
+            this.dz();
+        }
+        cf() {
+            if (this.actualProperties == null) {
+                return;
+            }
+            let a = this.actualProperties.ae;
+            let b = a.count;
+            let c = new List$1(PropertyEditorPanelColumnDefinition.$, 0);
+            let d = this.bl(a, b, c, 0x7FFFFFFF);
+            for (let e = 0; e < c.count; e++) {
+                this.ap.add(c._inner[e]);
+            }
+            this.bn = d;
+            let f = this.actualProperties;
+            let g = f.count;
+            f.clear();
+            for (let h = 0; h < this.bn; h++) {
+                f.add(new PropertyEditorPropertyDescription());
+            }
+            let i = this.actualProperties.toArray();
+            let j = new LocalDataSource();
+            j.dataSource = i;
+            this.c = j;
+            if (f.count != g) {
+                this.dz();
+                this.l.r();
+            }
+        }
+        d9() {
+            if (this.ag && this.v != null && this.c != null) {
+                let a = this.ar;
+                let b = this.actualProperties;
+                return new Size(1, 0, b.count * a);
+            }
+            else {
+                return new Size(1, 0, 0);
+            }
+        }
+        bl(a, b, c, d) {
+            let e = 0;
+            let f = 0;
+            let g = 0;
+            let h = this.l.g();
+            h -= 5;
+            if (!this.ai) {
+                h = 1.7976931348623157E+308;
+            }
+            let i = 0;
+            let j = h;
+            for (let k = 0; k < b; k++) {
+                let l = a.item(k);
+                let m = this.a9(l);
+                let n = this.a5(l);
+                if ((i + m + n > h && g > 0) || g >= d) {
+                    if (f != 0 && g < d && d > 2) {
+                        let o = c._inner[g];
+                        let p = c._inner[g + 1];
+                        o.h = m;
+                        p.h = n;
+                        this.d0(h, c);
+                        if (c.count == 0) {
+                            return 0;
+                        }
+                        return this.bl(a, b, c, c.count);
+                    }
+                    d = Math.max(Math.min(d, g), 2);
+                    f++;
+                    let q = h - i;
+                    if (q < j) {
+                        j = q;
+                    }
+                    i = 0;
+                    g = 0;
+                }
+                let r = this.b4(l);
+                if (c.count <= g) {
+                    let s = new PropertyEditorPanelColumnDefinition();
+                    s.b = 0;
+                    s.a = 0;
+                    s.f = 10;
+                    s.g = 5;
+                    s.h = m;
+                    s.dataBinding = delegateCombine(s.dataBinding, runOn(this, this.dk));
+                    s.cellUpdating = delegateCombine(s.cellUpdating, runOn(this, this.dj));
+                    s.j = "PropertyName_" + k;
+                    c.add(s);
+                    this.am.item(s, c.count - 1);
+                    g++;
+                }
+                else {
+                    let t = c._inner[g];
+                    if (m > t.h) {
+                        let u = m - t.h;
+                        t.h = m;
+                        if (u > j && d > 2) {
+                            this.d0(h, c);
+                            if (c.count == 0) {
+                                return 0;
+                            }
+                            return this.bl(a, b, c, c.count);
+                        }
+                        else {
+                            j -= u;
+                            if (j < 0) {
+                                j = 0;
+                            }
+                            g++;
+                        }
+                    }
+                    else {
+                        m = t.h;
+                        g++;
+                    }
+                }
+                if (c.count <= g) {
+                    let v = new PropertyEditorPanelColumnDefinition();
+                    v.b = 1;
+                    v.a = 1;
+                    v.j = "ValueType_" + k;
+                    v.f = 5;
+                    v.g = 5;
+                    v.dataBinding = delegateCombine(v.dataBinding, runOn(this, this.ck));
+                    v.h = n;
+                    v.cellUpdating = delegateCombine(v.cellUpdating, runOn(this, this.cj));
+                    c.add(v);
+                    this.am.item(v, c.count - 1);
+                    g++;
+                }
+                else {
+                    let w = c._inner[g];
+                    if (n > w.h) {
+                        let x = n - w.h;
+                        w.h = n;
+                        if (x > j && d > 2) {
+                            this.d0(h, c);
+                            if (c.count == 0) {
+                                return 0;
+                            }
+                            return this.bl(a, b, c, c.count);
+                        }
+                        else {
+                            j -= x;
+                            if (j < 0) {
+                                j = 0;
+                            }
+                            g++;
+                        }
+                    }
+                    else {
+                        n = w.h;
+                        g++;
+                    }
+                }
+                i += m + n;
+            }
+            return f + 1;
+        }
+        d0(a, b) {
+            let c = 0;
+            for (let d of fromEnum(b)) {
+                c += d.h;
+            }
+            while (c > a) {
+                if (b.count < 1) {
+                    return;
+                }
+                if (b._inner[b.count - 1].b == 1) {
+                    c -= b._inner[b.count - 1].h;
+                    c -= b._inner[b.count - 2].h;
+                    b.removeAt(b.count - 1);
+                    b.removeAt(b.count - 1);
+                }
+                else {
+                    c -= b._inner[b.count - 1].h;
+                    b.removeAt(b.count - 1);
+                }
+            }
+        }
+        ck(a, b) {
+            let c = a;
+            let d = this.m(c, b.a, b.c);
+            b.b = enumGetBox(PropertyEditorValueType_$type, d != null ? d.n : 0);
+        }
+        dk(a, b) {
+            let c = a;
+            let d = this.m(c, b.a, b.c);
+            if (d == null) {
+                b.b = null;
+                return;
+            }
+            b.b = d.aj != null ? d.aj : d.al;
+        }
+        a5(a) {
+            if (!isNaN_(a.w)) {
+                return a.w;
+            }
+            switch (a.n) {
+                case 10: return this.as(a);
+                case 7: return this.at(a);
+                case 4: return this.av(a);
+                case 6: return this.au(a);
+                case 9: return this.ay(a);
+                case 5: return this.a0(a);
+                case 14: return this.az(a);
+                case 18: return this.a1(a);
+                case 3: return this.a2(a);
+                case 15: return this.a6(a);
+                case 17: return this.a7(a);
+                case 16: return this.ba(a);
+                case 1: return this.bb(a);
+                case 11: return this.bc(a);
+                case 13: return this.bd(a);
+                case 12: return this.be(a);
+                case 2: return this.bg(a);
+                case 8: return this.bh(a);
+                case 19: return this.bi(a);
+                case 0: return this.a8(a);
+                case 20: return this.aw(a);
+                case 21: return this.bf(a);
+            }
+            return 100;
+        }
+        bi(a) {
+            return this.a8(a);
+        }
+        a8(a) {
+            return 175;
+        }
+        aw(a) {
+            if (a.ad != null) {
+                return Math.max(100, this.l.h(a.ad.toString()) + 30);
+            }
+            return 80;
+        }
+        bf(a) {
+            return 175;
+        }
+        bh(a) {
+            return this.aw(a);
+        }
+        bg(a) {
+            return this.a8(a);
+        }
+        be(a) {
+            return this.a8(a);
+        }
+        bd(a) {
+            return this.a8(a);
+        }
+        bc(a) {
+            return this.a8(a);
+        }
+        bb(a) {
+            return this.a8(a);
+        }
+        ba(a) {
+            return this.aw(a);
+        }
+        a7(a) {
+            return this.aw(a);
+        }
+        a6(a) {
+            return this.a4(a);
+        }
+        a4(a) {
+            return this.a8(a);
+        }
+        a2(a) {
+            return this.a3(a);
+        }
+        a3(a) {
+            return this.a8(a);
+        }
+        a1(a) {
+            return this.aw(a);
+        }
+        az(a) {
+            return this.aw(a);
+        }
+        a0(a) {
+            return this.a8(a);
+        }
+        ay(a) {
+            return this.aw(a);
+        }
+        au(a) {
+            return this.aw(a);
+        }
+        av(a) {
+            return this.a8(a);
+        }
+        at(a) {
+            return this.ax(a);
+        }
+        ax(a) {
+            return 50;
+        }
+        as(a) {
+            return this.aw(a);
+        }
+        a9(a) {
+            if (!isNaN_(a.x)) {
+                return a.x;
+            }
+            return this.l.h(this.b4(a)) + 17;
+        }
+        b4(a) {
+            return a.aj != null ? a.aj : a.al;
+        }
+        dj(a, b) {
+            let c = a;
+            let d = this.m(c, b.b, b.c);
+            this.c6(c, b);
+        }
+        cj(a, b) {
+            let c = a;
+            let d = this.m(c, b.b, b.c);
+            let e = d != null ? d.n : 0;
+            switch (e) {
+                case 10:
+                    this.cr(c, b);
+                    break;
+                case 7:
+                    this.cs(c, b);
+                    break;
+                case 4:
+                    this.cu(c, b);
+                    break;
+                case 6:
+                    this.ct(c, b);
+                    break;
+                case 9:
+                    this.cw(c, b);
+                    break;
+                case 5:
+                    this.cy(c, b);
+                    break;
+                case 14:
+                    this.cx(c, b);
+                    break;
+                case 18:
+                    this.cz(c, b);
+                    break;
+                case 3:
+                    this.c0(c, b);
+                    break;
+                case 15:
+                    this.c3(c, b);
+                    break;
+                case 17:
+                    this.c4(c, b);
+                    break;
+                case 16:
+                    this.c7(c, b);
+                    break;
+                case 1:
+                    this.c8(c, b);
+                    break;
+                case 11:
+                    this.c9(c, b);
+                    break;
+                case 13:
+                    this.da(c, b);
+                    break;
+                case 12:
+                    this.db(c, b);
+                    break;
+                case 2:
+                    this.dd(c, b);
+                    break;
+                case 8:
+                    this.de(c, b);
+                    break;
+                case 19:
+                    this.df(c, b);
+                    break;
+                case 20:
+                    this.cv(c, b);
+                    break;
+                case 21:
+                    this.dc(c, b);
+                    break;
+                case 0: break;
+            }
+        }
+        df(a, b) {
+            this.c5(a, b);
+        }
+        de(a, b) {
+        }
+        dd(a, b) {
+            this.c5(a, b);
+        }
+        db(a, b) {
+            this.c5(a, b);
+        }
+        da(a, b) {
+            this.c5(a, b);
+        }
+        c9(a, b) {
+            this.c5(a, b);
+        }
+        c8(a, b) {
+            this.c5(a, b);
+        }
+        c6(a, b) {
+            this.cp(b, (c, d) => {
+                c.ap = this.u();
+                c.e = 1;
+                let e = this.m(a, b.b, b.c);
+                c.v = e;
+                c.aq = this.b4(e);
+            });
+        }
+        c5(a, b) {
+            this.co(b, (c, d) => {
+                c.e = 1;
+                c.at = 1;
+                c.aq = 2;
+                let e = this.m(a, b.b, b.c);
+                c.v = e;
+                c.au = (e.ad != null ? e.ad.toString() : "");
+                if (d) {
+                    c.as = runOn(this, this.dh);
+                }
+            });
+        }
+        cp(a, b) {
+            let c = a.a;
+            let d = c.aw;
+            let e = false;
+            if (d == null || d.c != 3) {
+                e = true;
+                NativeUIComponent.z(this.l.p(), 3, (f) => {
+                    c.aw = f;
+                    b(f, e);
+                });
+                return;
+            }
+            b(d, e);
+        }
+        co(a, b) {
+            let c = a.a;
+            let d = c.aw;
+            let e = false;
+            if (d == null || d.c != 2) {
+                e = true;
+                NativeUIComponent.z(this.l.p(), 2, (f) => {
+                    c.aw = f;
+                    b(f, e);
+                });
+                return;
+            }
+            b(d, e);
+        }
+        cl(a, b) {
+            let c = a.a;
+            let d = c.aw;
+            let e = false;
+            if (d == null || d.c != 1) {
+                e = true;
+                NativeUIComponent.z(this.l.p(), 1, (f) => {
+                    c.aw = f;
+                    b(f, e);
+                });
+                return;
+            }
+            b(d, e);
+        }
+        cq(a, b) {
+            let c = a.a;
+            let d = c.aw;
+            let e = false;
+            if (d == null || d.c != 5) {
+                e = true;
+                NativeUIComponent.z(this.l.p(), 5, (f) => {
+                    c.aw = f;
+                    b(f, e);
+                });
+                return;
+            }
+            b(d, e);
+        }
+        cn(a, b) {
+            let c = a.a;
+            let d = c.aw;
+            let e = false;
+            if (d == null || d.c != 4) {
+                e = true;
+                NativeUIComponent.z(this.l.p(), 4, (f) => {
+                    c.aw = f;
+                    b(f, e);
+                });
+                return;
+            }
+            b(d, e);
+        }
+        cm(a, b) {
+            let c = a.a;
+            let d = c.aw;
+            let e = false;
+            if (d == null || d.c != 6) {
+                e = true;
+                NativeUIComponent.z(this.l.p(), 6, (f) => {
+                    c.aw = f;
+                    b(f, e);
+                });
+                return;
+            }
+            b(d, e);
+        }
+        cv(a, b) {
+            this.cl(b, (c, d) => {
+                c.e = 1;
+                if (c.ar != 2) {
+                    c.ar = 2;
+                }
+                let e = this.m(a, b.b, b.c);
+                c.v = e;
+                let f = e.ad;
+                if (typeof e.ad === 'number' || typeof e.ad === 'number') {
+                    f = e.ad.toString();
+                }
+                c.as = f;
+                if (d) {
+                    c.aq = runOn(this, this.cc);
+                }
+            });
+        }
+        dc(a, b) {
+            this.cq(b, (c, d) => {
+                c.e = 1;
+                let e = this.m(a, b.b, b.c);
+                c.v = e;
+                let f = e.ad;
+                if (typeof e.ad === 'number' || typeof e.ad === 'number') {
+                    f = e.ad;
+                }
+                if (typeof e.ad === 'string') {
+                    let g = 0;
+                    let h = tryParseNumber(f, g);
+                    g = h.p1;
+                    f = g;
+                }
+                if (f == null) {
+                    f = 0;
+                }
+                c.aw = f;
+                if (!isNaN_(e.z)) {
+                    c.au = e.z;
+                }
+                else {
+                    c.au = 0;
+                }
+                if (!isNaN_(e.y)) {
+                    c.at = e.y;
+                }
+                else {
+                    c.at = 100;
+                }
+                if (!isNaN_(e.aa)) {
+                    c.av = e.aa;
+                }
+                else {
+                    c.av = 1;
+                }
+                if (d) {
+                    c.as = runOn(this, this.d2);
+                }
+            });
+        }
+        d2(a, b) {
+            let c = a;
+            let d = c.v;
+            this.af = true;
+            d.ad = c.aw;
+            this.af = false;
+            this.du(d);
+        }
+        c2(a, b) {
+            this.cn(b, (c, d) => {
+                c.e = 1;
+                if (c.ap != 2) {
+                    c.ap = 2;
+                }
+                let e = this.m(a, b.b, b.c);
+                if (c.v != e) {
+                    {
+                        c.ar = null;
+                    }
+                    c.v = e;
+                    c.at = null;
+                    c.as = this.b(this.a(e));
+                    if (e.ad != c.at) {
+                        if (typeof e.ad === 'number' || typeof e.ad === 'number') {
+                            c.at = e.ad.toString();
+                        }
+                        else {
+                            c.at = e.ad;
+                        }
+                    }
+                    {
+                        c.ar = runOn(this, this.cg);
+                    }
+                }
+                else {
+                    if (e.ad != c.at) {
+                        if (typeof e.ad === 'number' || typeof e.ad === 'number') {
+                            c.at = e.ad.toString();
+                        }
+                        else {
+                            c.at = e.ad;
+                        }
+                    }
+                }
+                if (d) {
+                    if (c.ar == null) {
+                        c.ar = runOn(this, this.cg);
+                    }
+                    c.ah = BrushUtil.g(255, 255, 255, 255);
+                }
+            });
+        }
+        b(a) {
+            return a;
+        }
+        a(a) {
+            return a.c;
+        }
+        cg(a, b) {
+            let c = a;
+            let d = c.v;
+            this.af = true;
+            d.ad = c.at;
+            d.am();
+            this.af = false;
+            this.du(d);
+        }
+        dh(a, b) {
+            let c = a;
+            let d = c.v;
+            this.af = true;
+            if (d.n == 1) {
+                let e = 0;
+                let f = tryParseNumber(c.au, e);
+                e = f.p1;
+                d.ad = e;
+            }
+            else {
+                d.ad = c.au;
+            }
+            d.am();
+            this.af = false;
+            this.du(d);
+        }
+        cc(a, b) {
+            let c = a;
+            let d = c.v;
+            this.af = true;
+            d.an();
+            this.af = false;
+            this.du(d);
+        }
+        du(a) {
+            if (this.br != null && this.e != null) {
+                if (this.ad) {
+                    this.ad = false;
+                    this.e.addTargetPropertyUpdatingListener(runOn(this, this.al));
+                }
+                let b = this.bs == null;
+                this.bs = this.b3();
+                if (b) {
+                    this.l.q(this.br, (c) => this.e.loadJsonOverlay(this.bs, (d) => c, (d) => this.br));
+                }
+                else {
+                    this.l.q(this.br, (c) => this.e.loadJsonDelta(this.bs, (d) => c, false));
+                }
+            }
+        }
+        al(a, b, c) {
+            let d = this.actualProperties;
+            if (typeCast(HorizontalPropertyEditorPanelDataSource.$, d) !== null) {
+                d = d.ae;
+            }
+            for (let e = 0; e < d.count; e++) {
+                let f = d._inner[e].al;
+                if (this.ak(f, a)) {
+                    d._inner[e].ap(a, b, c);
+                }
+            }
+            if (this.ah) {
+                return true;
+            }
+            return false;
+        }
+        ak(a, b) {
+            if (a == null && b == null) {
+                return true;
+            }
+            if (a == null) {
+                return false;
+            }
+            if (b == null) {
+                return false;
+            }
+            let c = stringSplit(a, ['.', '['], 0);
+            let d = stringSplit(b, ['.', '['], 0);
+            if (c.length != d.length) {
+                return false;
+            }
+            for (let e = 0; e < c.length; e++) {
+                let f = c[e];
+                let g = d[e];
+                if (stringContains(f, "]")) {
+                    if (!stringContains(g, "]")) {
+                        return false;
+                    }
+                    g = stringReplace(g, "]", "");
+                    let h = this.ao(f);
+                    if (!h.contains(g)) {
+                        return false;
+                    }
+                }
+                else {
+                    if (!Base.equalsStatic(f, g)) {
+                        return false;
+                    }
+                }
+            }
+            return true;
+        }
+        ao(a) {
+            let b = new List$1(String_$type, 0);
+            if (stringContains(a, "]")) {
+                a = stringReplace(a, "]", "");
+                let c = a.split(',');
+                for (let d = 0; d < c.length; d++) {
+                    let e = c[d];
+                    if (stringContains(e, "as")) {
+                        let f = e.indexOf("as");
+                        let g = e.substr(0, f).trim();
+                        b.add(g);
+                    }
+                }
+                return b;
+            }
+            b.add(a);
+            return b;
+        }
+        b3() {
+            if (this.actualProperties == null) {
+                return null;
+            }
+            let a = this.actualProperties;
+            if (typeCast(HorizontalPropertyEditorPanelDataSource.$, a) !== null) {
+                a = a.ae;
+            }
+            let b = new PropertyEditorTreeTransformer(this.h, this.b1);
+            this.c1(a, "", b, this.b1);
+            return b.g();
+        }
+        c1(a, b, c, d) {
+            for (let e = 0; e < a.count; e++) {
+                let f = a._inner[e];
+                if (f.n == 20) {
+                    continue;
+                }
+                if (f.i != null) {
+                    for (let g = 0; g < f.i.count; g++) {
+                        let h = f.i._inner[g];
+                        let i = b + f.al + "[" + g + "]";
+                        this.c1(h.a, i, c, h.b);
+                    }
+                }
+                else if (f.g != null) {
+                    let j = b + f.al;
+                    this.c1(f.g.a, j, c, f.g.b);
+                }
+                else {
+                    c.h(b + f.al, f.ad, d);
+                }
+            }
+        }
+        c7(a, b) {
+        }
+        c4(a, b) {
+        }
+        c3(a, b) {
+            this.c2(a, b);
+        }
+        c0(a, b) {
+        }
+        cz(a, b) {
+        }
+        cx(a, b) {
+        }
+        cy(a, b) {
+            this.c5(a, b);
+        }
+        cw(a, b) {
+        }
+        ct(a, b) {
+        }
+        cu(a, b) {
+            this.c5(a, b);
+        }
+        cs(a, b) {
+            this.cm(b, (c, d) => {
+                c.e = 1;
+                if (!c.ar) {
+                    c.ar = true;
+                }
+                let e = this.m(a, b.b, b.c);
+                let f = e.ad;
+                if (f == null) {
+                    f = false;
+                }
+                if (typeof f === 'string') {
+                    let g;
+                    if (((() => { let h = tryParseBool(f, g); g = h.p1; return h.ret; })())) {
+                        f = g;
+                        let h = this.af;
+                        this.af = true;
+                        e.ad = f;
+                        this.af = h;
+                    }
+                }
+                if (typeof f === 'number') {
+                    if (typeGetValue(f) > 0) {
+                        f = true;
+                        let i = this.af;
+                        this.af = true;
+                        e.ad = f;
+                        this.af = i;
+                    }
+                }
+                if (typeof f === 'number') {
+                    if (f > 0) {
+                        f = true;
+                        let j = this.af;
+                        this.af = true;
+                        e.ad = f;
+                        this.af = j;
+                    }
+                }
+                let k = f;
+                c.as = k;
+                c.v = e;
+                if (d) {
+                    c.aq = runOn(this, this.ce);
+                }
+            });
+        }
+        m(a, b, c) {
+            if (this.ag) {
+                let d = this.actualProperties.ae;
+                let e = d;
+                let f = truncate((this.ap.count / 2));
+                let g = b * f;
+                let h = this.bm(a);
+                h = truncate(Math.floor(h / 2)) + g;
+                if (h > e.count - 1) {
+                    return null;
+                }
+                return e.item(h);
+            }
+            else {
+                return c;
+            }
+        }
+        bm(a) {
+            return this.am.item(a);
+        }
+        ce(a, b) {
+            let c = a;
+            let d = c.v;
+            this.af = true;
+            d.ad = c.as;
+            d.am();
+            this.af = false;
+            this.du(d);
+        }
+        cr(a, b) {
+        }
+        dp(a, b, c) {
+            if (this.v != null) {
+                this.c.notifySetItem(a, b, c);
+            }
+        }
+        dl() {
+            if (this.v != null) {
+                this.c.notifyClearItems();
+            }
+        }
+        dm(a, b) {
+            if (this.v != null) {
+                this.c.notifyInsertItem(a, b);
+            }
+            ;
+        }
+        dn(a, b) {
+            if (this.v != null) {
+                this.c.notifyRemoveItem(a, b);
+            }
+            ;
+        }
+        get h() {
+            return this.f;
+        }
+        set h(a) {
+            let b = this.f;
+            this.f = a;
+            this.dt("ActualContext", b, this.f);
+        }
+        get i() {
+            return this.g;
+        }
+        set i(a) {
+            let b = this.g;
+            this.g = a;
+            this.dt("DescriptionContext", b, this.g);
+        }
+        get e() {
+            return this.d;
+        }
+        set e(a) {
+            let b = this.d;
+            this.d = a;
+            this.dt("ComponentRenderer", b, this.d);
+        }
+        get br() {
+            return this.bp;
+        }
+        set br(a) {
+            let b = this.bp;
+            this.bp = a;
+            this.dt("Target", b, this.bp);
+        }
+        get b1() {
+            return this.bt;
+        }
+        set b1(a) {
+            let b = this.bt;
+            this.bt = a;
+            this.dt("DescriptionType", b, this.bt);
+        }
+        get ag() {
+            return this.aa;
+        }
+        set ag(a) {
+            let b = this.aa;
+            this.aa = a;
+            this.dt("IsHorizontal", b, this.aa);
+        }
+        get ai() {
+            return this.ac;
+        }
+        set ai(a) {
+            let b = this.ac;
+            this.ac = a;
+            this.dt("IsWrappingEnabled", b, this.ac);
+        }
+        get ah() {
+            return this.ab;
+        }
+        set ah(a) {
+            let b = this.ab;
+            this.ab = a;
+            this.dt("IsIndirectModeEnabled", b, this.ab);
+        }
+        get d5() {
+            return this.d3;
+        }
+        set d5(a) {
+            let b = this.d3;
+            this.d3 = a;
+            if (b != this.d3) {
+                this.dt("BackgroundColor", b, a);
+            }
+        }
+        get d8() {
+            return this.d4;
+        }
+        set d8(a) {
+            let b = this.d4;
+            this.d4 = a;
+            if (b != this.d4) {
+                this.dt("TextColor", b, a);
+            }
+        }
+        cd() {
+            let a = this.c;
+            if (null != a) {
+                if (null == a.actualSchema) {
+                    this.bk = -1;
+                    return;
+                }
+                let b = a.actualCount;
+                this.bk = b;
+            }
+            else {
+                this.bk = -1;
+            }
+        }
+    }
+    PropertyEditorPanel.$t = /*@__PURE__*/ markType(PropertyEditorPanel, 'PropertyEditorPanel', Base.$, [INotifyPropertyChanged_$type]);
+    PropertyEditorPanel.d6 = /*@__PURE__*/ BrushUtil.g(255, 248, 248, 248);
+    PropertyEditorPanel.d7 = /*@__PURE__*/ BrushUtil.g(255, 24, 29, 31);
+    return PropertyEditorPanel;
+})();
+
+/*
+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 IgcPropertyEditorPanelComponent = /*@__PURE__*/ (() => {
+    class IgcPropertyEditorPanelComponent extends IgcHTMLElement {
+        constructor() {
+            super();
+            this._implementation = null;
+            this.contentProperties = [];
+            /**
+            * The properties actually present in the editor. Do not directly modify this array.
+            * This array's contents can be modified by using the properties property or providing child content.
+            */
+            this.actualProperties = [];
+            this._properties = null;
+            this._propertiesAdapter = null;
+            this._disconnected = false;
+            this._settingAttributes = false;
+            this._attached = false;
+            this._queuedSetAttributes = [];
+            this._updatingFromAttribute = false;
+            this._actualDataSource = null;
+            this.__p = null;
+            this._hasUserValues = new Set();
+            this._stylingContainer = null;
+            this._stylingParent = null;
+            this._inStyling = false;
+            if (this._styling) {
+                NamePatcher.ensureStylablePatched(Object.getPrototypeOf(this));
+            }
+            this._implementation = this.createImplementation();
+            this._implementation.externalObject = this;
+            this._portalManager = new PortalManager("propertyEditorContent");
+            this._webComponentRenderer = new WebComponentRenderer(this, document, true, {}, this._portalManager);
+            this._webComponentWrapper = this._webComponentRenderer.createElement("div");
+            this._webComponentRenderer.updateRoot(this._webComponentWrapper);
+            this._webComponentWrapper.setStyleProperty("display", "block");
+            this._webComponentWrapper.setStyleProperty("width", "100%");
+            this._webComponentWrapper.setStyleProperty("height", "100%");
+            this._propertiesAdapter = new CollectionAdapter(this.contentProperties, this.i.properties, this.actualProperties, (c) => c.i, (i) => {
+                if (this._webComponentRenderer && this._webComponentRenderer.rootWrapper.getNativeElement().parentElement) {
+                    i._styling(this, this, this);
+                }
+            }, (i) => { });
+            this.i.provideContainer(this._webComponentRenderer);
+            this.i.notifySizeChanged();
+            let mut = new MutationObserver((list) => {
+                for (var mutation of list) {
+                    if (mutation.type == 'childList') {
+                        this.updateContentProperties();
+                    }
+                }
+            });
+            mut.observe(this, {
+                childList: true
+            });
+            this._webComponentRenderer.addSizeWatcher(() => {
+                this.i.notifySizeChanged();
+            });
+        }
+        set height(value) {
+            this._height = value;
+            this.style.height = value;
+            this.i.notifySizeChanged();
+        }
+        get height() {
+            return this._height;
+        }
+        set width(value) {
+            this._width = value;
+            this.style.width = value;
+            this.i.notifySizeChanged();
+        }
+        get width() {
+            return this._width;
+        }
+        /**
+         * A collection of manually added properties for the editor.
+        */
+        get properties() {
+            if (this._properties === null) {
+                let coll = new IgcPropertyEditorPropertyDescriptionCollection();
+                let inner = coll._innerColl;
+                inner.addListener((sender, e) => {
+                    switch (e.action) {
+                        case NotifyCollectionChangedAction.Add:
+                            this._propertiesAdapter.insertManualItem(e.newStartingIndex, e.newItems.item(0));
+                            break;
+                        case NotifyCollectionChangedAction.Remove:
+                            this._propertiesAdapter.removeManualItemAt(e.oldStartingIndex);
+                            break;
+                        case NotifyCollectionChangedAction.Replace:
+                            this._propertiesAdapter.removeManualItemAt(e.oldStartingIndex);
+                            this._propertiesAdapter.insertManualItem(e.newStartingIndex, e.newItems.item(0));
+                            break;
+                        case NotifyCollectionChangedAction.Reset:
+                            this._propertiesAdapter.clearManualItems();
+                            break;
+                    }
+                });
+                this._properties = coll;
+            }
+            return this._properties;
+        }
+        // supports angular themes or custom properties set in CSS
+        updateStyle() {
+            this._styling(this, this);
+        }
+        destroy() {
+            this._implementation.destroy();
+            this._webComponentRenderer.destroy();
+        }
+        updateContentProperties() {
+            this.contentProperties.length = 0;
+            for (var i = 0; i < this.children.length; i++) {
+                if (this.children[i] instanceof IgcPropertyEditorPropertyDescriptionComponent) {
+                    this.contentProperties.push(this.children[i]);
+                }
+            }
+            if (this._propertiesAdapter != null) {
+                this._propertiesAdapter.notifyContentChanged();
+            }
+        }
+        createImplementation() {
+            return new PropertyEditorPanel();
+        }
+        get i() {
+            return this._implementation;
+        }
+        disconnectedCallback() {
+            this._disconnected = true;
+        }
+        connectedCallback() {
+            if (this._disconnected) {
+                this._disconnected = false;
+                return;
+            }
+            this.classList.add("ig-property-editor-panel");
+            this.classList.add("igc-property-editor-panel");
+            var rootWrapper = this._webComponentRenderer.rootWrapper;
+            var rootElement = rootWrapper.getNativeElement();
+            this.appendChild(rootElement);
+            this._attached = true;
+            this.style.display = "block";
+            this.style.height = this._height;
+            this.style.width = this._width;
+            this._flushQueuedAttributes();
+            // supports themes or custom properties set in CSS
+            this._styling(this, this);
+            for (let i = 0; i < this.actualProperties.length; i++) {
+                let s = this.actualProperties[i];
+                s._styling(this, this, this);
+            }
+            this.updateContentProperties();
+            this.afterContentInit();
+        }
+        afterContentInit() {
+            this.i.notifySizeChanged();
+        }
+        _enqueueSetAttribute(attrName, attrValue) {
+            this._queuedSetAttributes.push({ attrName: attrName, attrValue: attrValue });
+        }
+        _flushQueuedAttributes() {
+            this._settingAttributes = true;
+            for (let i = 0; i < this._queuedSetAttributes.length; i++) {
+                this.setAttribute(this._queuedSetAttributes[i].attrName, this._queuedSetAttributes[i].attrValue);
+            }
+            this._settingAttributes = false;
+            this._queuedSetAttributes.length = 0;
+        }
+        _a(attrName, attrValue) {
+            if (this._updatingFromAttribute) {
+                return;
+            }
+            if (attrValue) {
+                attrValue = attrValue.toString();
+            }
+            this._settingAttributes = true;
+            attrName = toSpinal(attrName);
+            if (this._attached) {
+                this.setAttribute(attrName, attrValue);
+            }
+            else {
+                this._enqueueSetAttribute(attrName, attrValue);
+            }
+            this._settingAttributes = false;
+        }
+        static get observedAttributes() {
+            if (IgcPropertyEditorPanelComponent._observedAttributesIgcPropertyEditorPanelComponent == null) {
+                let names = getAllPropertyNames(IgcPropertyEditorPanelComponent);
+                for (let i = 0; i < names.length; i++) {
+                    names[i] = toSpinal(names[i]);
+                }
+                IgcPropertyEditorPanelComponent._observedAttributesIgcPropertyEditorPanelComponent = names;
+            }
+            return IgcPropertyEditorPanelComponent._observedAttributesIgcPropertyEditorPanelComponent;
+        }
+        attributeChangedCallback(name, oldValue, newValue) {
+            if (this._settingAttributes) {
+                return;
+            }
+            let setName = fromSpinal(name);
+            this._updatingFromAttribute = true;
+            this[setName] = newValue;
+            this._updatingFromAttribute = false;
+        }
+        static register() {
+            if (!IgcPropertyEditorPanelComponent._isElementRegistered) {
+                IgcPropertyEditorPanelComponent._isElementRegistered = true;
+                RegisterElementHelper.registerElement(IgcPropertyEditorPanelComponent.htmlTagName, IgcPropertyEditorPanelComponent);
+            }
+        }
+        /**
+         * Gets the actaul data or data source instance to which to bind the grid.
+        */
+        get actualDataSource() {
+            if (this._actualDataSource === null) {
+                let coll = new IgcPropertyEditorPropertyDescriptionCollection();
+                let innerColl = this.i.actualProperties;
+                if (!innerColl) {
+                    innerColl = new PropertyEditorPropertyDescriptionCollection();
+                }
+                this._actualDataSource = coll._fromInner(innerColl);
+                this.i.actualProperties = innerColl;
+            }
+            return this._actualDataSource;
+        }
+        set actualDataSource(v) {
+            if (this._actualDataSource !== null) {
+                this._actualDataSource._setSyncTarget(null);
+                this._actualDataSource = null;
+            }
+            let coll = new IgcPropertyEditorPropertyDescriptionCollection();
+            this._actualDataSource = coll._fromOuter(v);
+            let syncColl = new SyncableObservableCollection$1(PropertyEditorPropertyDescription.$type);
+            let innerColl = this.i.actualProperties;
+            if (!innerColl) {
+                innerColl = new PropertyEditorPropertyDescriptionCollection();
+            }
+            syncColl._inner = innerColl;
+            syncColl.clear();
+            this._actualDataSource._setSyncTarget(syncColl);
+            this.i.actualProperties = innerColl;
+        }
+        /**
+         * Gets or Sets the property name that contains the values.
+        */
+        get rowHeight() {
+            return this.i.bo;
+        }
+        set rowHeight(v) {
+            this.i.bo = +v;
+            this._a("rowHeight", this.i.bo);
+        }
+        get actualRowHeight() {
+            return this.i.ar;
+        }
+        set actualRowHeight(v) {
+            this.i.ar = +v;
+            this._a("actualRowHeight", this.i.ar);
+        }
+        /**
+         * Gets or Sets the property name that contains the values.
+        */
+        get cellTextStyle() {
+            if (this.i.t == null) {
+                return null;
+            }
+            return this.i.t.fontString;
+        }
+        set cellTextStyle(v) {
+            let fi = new FontInfo();
+            fi.fontString = v;
+            this.i.t = fi;
+            this._a("cellTextStyle", this.i.t != null ? this.i.t.fontString : "");
+        }
+        get actualDescriptionContext() {
+            return this.i.h;
+        }
+        set actualDescriptionContext(v) {
+            this.i.h = v;
+        }
+        get descriptionContext() {
+            return this.i.i;
+        }
+        set descriptionContext(v) {
+            this.i.i = v;
+        }
+        get componentRenderer() {
+            return this.i.e;
+        }
+        set componentRenderer(v) {
+            this.i.e = v;
+        }
+        get target() {
+            return this.i.br;
+        }
+        set target(v) {
+            this.i.br = v;
+        }
+        get descriptionType() {
+            return this.i.b1;
+        }
+        set descriptionType(v) {
+            this.i.b1 = v;
+        }
+        get isHorizontal() {
+            return this.i.ag;
+        }
+        set isHorizontal(v) {
+            this.i.ag = ensureBool(v);
+            this._a("isHorizontal", this.i.ag);
+        }
+        get isWrappingEnabled() {
+            return this.i.ai;
+        }
+        set isWrappingEnabled(v) {
+            this.i.ai = ensureBool(v);
+            this._a("isWrappingEnabled", this.i.ai);
+        }
+        get isIndirectModeEnabled() {
+            return this.i.ah;
+        }
+        set isIndirectModeEnabled(v) {
+            this.i.ah = ensureBool(v);
+            this._a("isIndirectModeEnabled", this.i.ah);
+        }
+        /**
+         * Gets or sets the color to use for the background of the component.
+        */
+        get backgroundColor() {
+            return brushToString(this.i.d5);
+        }
+        set backgroundColor(v) {
+            this.i.d5 = stringToBrush(v);
+            this._a("backgroundColor", brushToString(this.i.d5));
+        }
+        /**
+         * Gets or sets the color to use for the text of the component.
+        */
+        get textColor() {
+            return brushToString(this.i.d8);
+        }
+        set textColor(v) {
+            this.i.d8 = stringToBrush(v);
+            this._a("textColor", brushToString(this.i.d8));
+        }
+        findByName(name) {
+            if (this.actualDataSource != null && this.actualDataSource.findByName && this.actualDataSource.findByName(name)) {
+                return this.actualDataSource.findByName(name);
+            }
+            if (this.properties != null && this.properties.findByName && this.properties.findByName(name)) {
+                return this.properties.findByName(name);
+            }
+            return null;
+        }
+        get hasUserValues() {
+            return this._hasUserValues;
+        }
+        __m(propertyName) {
+            if (!this._inStyling) {
+                this._hasUserValues.add(propertyName);
+            }
+        }
+        _styling(container, component, parent) {
+            if (this._inStyling) {
+                return;
+            }
+            this._inStyling = true;
+            this._stylingContainer = container;
+            this._stylingParent = component;
+            let genericPrefix = "";
+            let typeName = this.i.$type.name;
+            if (typeName.indexOf("Xam") === 0) {
+                typeName = typeName.substring(3);
+            }
+            genericPrefix = toSpinal("PropertyEditorPanelComponent");
+            let additionalPrefixes = [];
+            let prefix = toSpinal(typeName);
+            additionalPrefixes.push(prefix + "-");
+            let b = this.i.$type.baseType;
+            while (b && b.name != "Object" &&
+                b.name != "Base" &&
+                b.name != "Control" &&
+                b.Name != "DependencyObject" &&
+                b.Name != "FrameworkElement") {
+                typeName = b.name;
+                if (typeName.indexOf("Xam") === 0) {
+                    typeName = typeName.substring(3);
+                }
+                let basePrefix = toSpinal(typeName);
+                additionalPrefixes.push(basePrefix + "-");
+                b = b.baseType;
+            }
+            if (parent) {
+                let parentTypeName = parent.i.$type.name;
+                if (parentTypeName.indexOf("Xam") === 0) {
+                    parentTypeName = parentTypeName.substring(3);
+                }
+                let parentPrefix = toSpinal(parentTypeName);
+                additionalPrefixes.push(parentPrefix + "-" + genericPrefix + "-");
+                additionalPrefixes.push(parentPrefix + "-" + prefix + "-");
+            }
+            initializePropertiesFromCss(container, this, genericPrefix + "-", this.hasUserValues, false, additionalPrefixes);
+            if (this._otherStyling) {
+                this._otherStyling(container, component, parent);
+            }
+            this._inStyling = false;
+        }
+        getDesiredSize() {
+            let iv = this.i.d9();
+            return fromSize(iv);
+        }
+        notifySetItem(index, oldItem, newItem) {
+            this.i.dp(index, oldItem, newItem);
+        }
+        /**
+         * Manually notifies the checkboxlist's grid that the data it has bound to has been cleared and needs to be re-examined.
+         * This should not be called if the data that the grid is bound to is already observable.
+        
+        */
+        notifyClearItems() {
+            this.i.dl();
+        }
+        notifyInsertItem(index, newItem) {
+            this.i.dm(index, newItem);
+        }
+        notifyRemoveItem(index, oldItem) {
+            this.i.dn(index, oldItem);
+        }
+    }
+    IgcPropertyEditorPanelComponent._observedAttributesIgcPropertyEditorPanelComponent = null;
+    IgcPropertyEditorPanelComponent.htmlTagName = "igc-property-editor-panel";
+    IgcPropertyEditorPanelComponent._isElementRegistered = false;
+    return IgcPropertyEditorPanelComponent;
+})();
+
+/*
+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 IgcPropertyEditorPanelModule {
+    static register() {
+        IgcPropertyEditorPropertyDescriptionModule.register();
+        IgcPropertyEditorPanelComponent.register();
+        TypeRegistrar.registerCons('IgcPropertyEditorPanelComponent', IgcPropertyEditorPanelComponent);
+        TypeRegistrar.registerCons('IgcPropertyEditorPanelComponent', IgcPropertyEditorPanelComponent);
+        TypeRegistrar.register('PropertyEditorPanel', PropertyEditorPanel.$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.
+*/
+
 /*
 THIS INFRAGISTICS ULTIMATE SOFTWARE LICENSE  AGREEMENT ("AGREEMENT") LOCATED HERE:
 https://www.infragistics.com/legal/license/igultimate-la
@@ -2594,4 +6335,130 @@ var PopupDirection = /*@__PURE__*/ (function (PopupDirection) {
  */
 let PopupDirection_$type = /*@__PURE__*/ markEnum('PopupDirection', 'Auto,0|Down,1|Up,2');
 
-export { ExpansionPanel, ExpansionPanelUtilities, ExpansionPanelView, IgcExpansionPanelComponent, IgcExpansionPanelModule, IgcOnClosedEventArgs, IgcOnCollapsedEventArgs, IgcOnExpandedEventArgs, IgcOnPopupEventArgs, IgcPopupComponent, IgcPopupModule, OnClosedEventArgs, OnCollapsedEventArgs, OnExpandedEventArgs, OnPopupEventArgs, Popup, PopupAlignment, PopupAlignment_$type, PopupDirection, PopupDirection_$type, PopupView, PopupVisualModelExport, Popup_InnerAnimationInfo, Popup_OuterAnimationInfo };
+/*
+THIS INFRAGISTICS ULTIMATE SOFTWARE LICENSE  AGREEMENT ("AGREEMENT") LOCATED HERE:
+https://www.infragistics.com/legal/license/igultimate-la
+https://www.infragistics.com/legal/license/igultimate-eula
+GOVERNS THE LICENSING, INSTALLATION AND USE OF INFRAGISTICS SOFTWARE. BY DOWNLOADING AND/OR INSTALLING AND USING INFRAGISTICS SOFTWARE:  you are indicating that you have read and understand this Agreement, and agree to be legally bound by it on behalf of the yourself and your company.
+*/
+/**
+ * @hidden
+ */
+let PropertyEditorPanelColumnType_$type = /*@__PURE__*/ markEnum('PropertyEditorPanelColumnType', 'Label,0|Value,1');
+
+/*
+THIS INFRAGISTICS ULTIMATE SOFTWARE LICENSE  AGREEMENT ("AGREEMENT") LOCATED HERE:
+https://www.infragistics.com/legal/license/igultimate-la
+https://www.infragistics.com/legal/license/igultimate-eula
+GOVERNS THE LICENSING, INSTALLATION AND USE OF INFRAGISTICS SOFTWARE. BY DOWNLOADING AND/OR INSTALLING AND USING INFRAGISTICS SOFTWARE:  you are indicating that you have read and understand this Agreement, and agree to be legally bound by it on behalf of the yourself and your company.
+*/
+/**
+ * @hidden
+ */
+let PropertyEditorPanelColumnFieldType_$type = /*@__PURE__*/ markEnum('PropertyEditorPanelColumnFieldType', 'PropertyPath,0|ValueType,1');
+
+class IgcHorizontalPropertyEditorPanelDataSource extends IgCollection {
+    constructor(list) {
+        super();
+        if (!IgcPropertyEditorPropertyDescriptionComponent.$type) {
+            IgcPropertyEditorPropertyDescriptionComponent.$type = markType(IgcPropertyEditorPropertyDescriptionComponent, "IgcPropertyEditorPropertyDescriptionComponent");
+        }
+        if (list) {
+            for (let i = 0; i < list.length; i++) {
+                this.add(list[i]);
+            }
+        }
+    }
+    _createInnerColl() {
+        if (!IgcPropertyEditorPropertyDescriptionComponent.$type) {
+            IgcPropertyEditorPropertyDescriptionComponent.$type = markType(IgcPropertyEditorPropertyDescriptionComponent, "IgcPropertyEditorPropertyDescriptionComponent");
+        }
+        let coll = new SyncableObservableCollection$2(IgcPropertyEditorPropertyDescriptionComponent.$type, PropertyEditorPropertyDescription.$type, 0);
+        coll.compare = (ext, int) => {
+            let comp = ext;
+            if (comp._implementation) {
+                comp = comp._implementation;
+            }
+            if (comp.equals) {
+                return comp.equals(int);
+            }
+            return comp === int;
+        };
+        coll.createTo = (ext) => {
+            return ext._implementation;
+        };
+        coll.createFrom = (int) => {
+            let ext = int.externalObject;
+            if (!ext) {
+                ext = new IgcPropertyEditorPropertyDescriptionComponent();
+                if (ext) {
+                    ext._implementation = int;
+                }
+            }
+            return ext;
+        };
+        return coll;
+    }
+}
+
+/*
+THIS INFRAGISTICS ULTIMATE SOFTWARE LICENSE  AGREEMENT ("AGREEMENT") LOCATED HERE:
+https://www.infragistics.com/legal/license/igultimate-la
+https://www.infragistics.com/legal/license/igultimate-eula
+GOVERNS THE LICENSING, INSTALLATION AND USE OF INFRAGISTICS SOFTWARE. BY DOWNLOADING AND/OR INSTALLING AND USING INFRAGISTICS SOFTWARE:  you are indicating that you have read and understand this Agreement, and agree to be legally bound by it on behalf of the yourself and your company.
+*/
+/**
+ * @hidden
+ */
+let PropertyEditorPanelDropDownDataListItem = /*@__PURE__*/ (() => {
+    class PropertyEditorPanelDropDownDataListItem extends Base {
+        constructor() {
+            super(...arguments);
+            this.Name = null;
+            this.Value = null;
+        }
+    }
+    PropertyEditorPanelDropDownDataListItem.$t = /*@__PURE__*/ markType(PropertyEditorPanelDropDownDataListItem, 'PropertyEditorPanelDropDownDataListItem');
+    return PropertyEditorPanelDropDownDataListItem;
+})();
+
+class IgcPropertyEditorDataSource {
+    createImplementation() {
+        return new PropertyEditorDataSource();
+    }
+    /**
+     * @hidden
+     */
+    get i() {
+        return this._implementation;
+    }
+    onImplementationCreated() {
+    }
+    constructor() {
+        this._implementation = this.createImplementation();
+        this._implementation.externalObject = this;
+        this.onImplementationCreated();
+    }
+    _provideImplementation(i) {
+        this._implementation = i;
+        this._implementation.externalObject = this;
+        this.onImplementationCreated();
+    }
+    get descriptionType() {
+        return this.i.l;
+    }
+    set descriptionType(v) {
+        this.i.l = v;
+    }
+    get context() {
+        return this.i.b;
+    }
+    set context(v) {
+        this.i.b = v;
+    }
+    findByName(name) {
+        return null;
+    }
+}
+
+export { ExpansionPanelUtilities, ExpansionPanelView, HorizontalPropertyEditorPanelDataSource, IgcHorizontalPropertyEditorPanelDataSource, IgcOnClosedEventArgs, IgcOnCollapsedEventArgs, IgcOnExpandedEventArgs, IgcOnPopupEventArgs, IgcPopupComponent, IgcPopupModule, IgcPropertyEditorDataSource, IgcPropertyEditorDescriptionObject, IgcPropertyEditorDescriptionObjectCollection, IgcPropertyEditorPanelComponent, IgcPropertyEditorPanelModule, IgcPropertyEditorPropertyDescriptionButtonClickEventArgs, IgcPropertyEditorPropertyDescriptionChangedEventArgs, IgcPropertyEditorPropertyDescriptionCollection, IgcPropertyEditorPropertyDescriptionComponent, IgcPropertyEditorPropertyDescriptionModule, IgcPropertyEditorPropertyDescriptionTargetPropertyUpdatingEventArgs, IgcXExpansionPanelComponent, IgcXExpansionPanelModule, 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, XExpansionPanel };