igniteui-webcomponents-layouts 4.0.4 → 4.2.3-alpha

package/esm5/lib/ToolbarView_combined.js

@@ -15,11 +15,13 @@ import { Size } from "igniteui-webcomponents-core";
 import { NativeUI } from "igniteui-webcomponents-core";
 import { FontUtil } from "igniteui-webcomponents-core";
 import { SRProvider } from "igniteui-webcomponents-core";
+import { BaseControlTheme_$type } from "igniteui-webcomponents-core";
 import { ToolActionCollection } from "./ToolActionCollection";
 import { ToolbarOrientation_$type } from "./ToolbarOrientation";
 import { ToolbarIconManager } from "./ToolbarIconManager";
 import { ToolAction } from "./ToolAction";
 import { NativeUIInputsFactory } from "igniteui-webcomponents-core";
+import { NativeUIXInputsFactory } from "igniteui-webcomponents-inputs";
 import { BrushUtil } from "igniteui-webcomponents-core";
 /**
  * @hidden
@@ -75,7 +77,7 @@ var ToolbarView = /** @class */ /*@__PURE__*/ (function (_super) {
         var d = this.i.getSubRenderer(c);
         b.provideContainer(d);
         var e = this.i.getExternal(b, this.i.rootWrapper, this.i.getExternal(this.a, null, null));
-        this.a.am(b);
+        this.a.aq(b);
         var f = Math.round(a.rootWrapper.width());
         var g = Math.round(a.rootWrapper.height());
         this.i.rootWrapper.setStyleProperty("position", "relative");
@@ -93,6 +95,7 @@ var ToolbarView = /** @class */ /*@__PURE__*/ (function (_super) {
         var a = this.i.rootWrapper.width();
         var b = this.i.rootWrapper.height();
         this.aa = new Size(1, a, b);
+        this.a.at(this.aa);
     };
     ToolbarView.prototype.z = function () {
         var a = this.i;
@@ -101,8 +104,8 @@ var ToolbarView = /** @class */ /*@__PURE__*/ (function (_super) {
         }
         var b = a.rootWrapper;
         if (null != b) {
-            NativeUI.o(b, this.a.a1);
-            NativeUI.k(b, this.a.ay);
+            NativeUI.o(b, this.a.a6);
+            NativeUI.k(b, this.a.a3);
         }
     };
     ToolbarView.prototype.d = function () {
@@ -118,7 +121,7 @@ var ToolbarView = /** @class */ /*@__PURE__*/ (function (_super) {
         return this.aa.width;
     };
     ToolbarView.prototype.h = function (a) {
-        this.c = this.a.p();
+        this.c = this.a.r();
         return FontUtil.measureStringWidth(a, this.c, this.e);
     };
     ToolbarView.prototype.q = function (a, b) {
@@ -139,55 +142,75 @@ var Toolbar = /** @class */ /*@__PURE__*/ (function (_super) {
     function Toolbar() {
         var _this = _super.call(this) || this;
         _this.k = null;
-        _this.s = false;
-        _this.q = null;
+        _this.u = false;
+        _this.s = null;
         _this.l = null;
+        _this.m = 0;
         _this.d = new ToolActionCollection();
         _this.b = new ToolActionCollection();
         _this.c = new ToolActionCollection();
         _this.h = Toolbar.i;
-        _this.m = null;
-        _this.u = Toolbar.v;
-        _this.aw = Toolbar.az;
-        _this.ax = Toolbar.a0;
-        _this.n = null;
-        _this.t = false;
+        _this.o = null;
+        _this.w = Toolbar.x;
+        _this.a1 = Toolbar.a4;
+        _this.a2 = Toolbar.a5;
+        _this.p = null;
+        _this.v = false;
         _this.propertyChanged = null;
         _this.a = null;
         ToolbarIconManager.c();
         var a = _this.actions;
-        a.collectionChanged = delegateCombine(a.collectionChanged, runOn(_this, _this.ah));
-        NativeUIInputsFactory.m();
-        var b = new ToolbarView();
-        b.a = _this;
-        _this.k = b;
+        a.collectionChanged = delegateCombine(a.collectionChanged, runOn(_this, _this.ak));
+        var b = _this.actualActions;
+        b.collectionChanged = delegateCombine(b.collectionChanged, runOn(_this, _this.am));
+        NativeUIInputsFactory.n();
+        NativeUIXInputsFactory.h();
+        var c = new ToolbarView();
+        c.a = _this;
+        _this.k = c;
         _this.k.v();
         return _this;
     }
-    Object.defineProperty(Toolbar.prototype, "r", {
+    Object.defineProperty(Toolbar.prototype, "t", {
         get: function () {
-            if (this.q == null) {
-                this.q = new SRProvider(this.k.i);
-                this.q.cb("Layouts");
+            if (this.s == null) {
+                this.s = new SRProvider(this.k.i);
+                this.s.cb("Layouts");
             }
-            return this.q;
+            return this.s;
         },
         enumerable: true,
         configurable: true
     });
-    Toolbar.prototype.am = function (a) {
+    Toolbar.prototype.aq = function (a) {
         this.l = a;
+        this.l.n = this.m;
         var b = this.l;
-        b.onCommand = delegateCombine(b.onCommand, runOn(this, this.ag));
+        b.onCommand = delegateCombine(b.onCommand, runOn(this, this.aj));
         this.l.k = this.j;
     };
-    Toolbar.prototype.ag = function (a, b) {
-        if (this.m != null) {
-            this.m.onToolCommandExecuting(b.a);
+    Toolbar.prototype.aj = function (a, b) {
+        if (this.o != null) {
+            this.o.onToolCommandExecuting(b.a);
         }
     };
-    Toolbar.prototype.ap = function (a) {
+    Toolbar.prototype.at = function (a) {
+        this.l.notifySizeChanged();
     };
+    Object.defineProperty(Toolbar.prototype, "n", {
+        get: function () {
+            return this.m;
+        },
+        set: function (a) {
+            var b = this.m;
+            this.m = a;
+            if (b != this.m) {
+                this.au("BaseTheme", enumGetBox(BaseControlTheme_$type, b), enumGetBox(BaseControlTheme_$type, a));
+            }
+        },
+        enumerable: true,
+        configurable: true
+    });
     Object.defineProperty(Toolbar.prototype, "autoGeneratedActions", {
         get: function () {
             return this.d;
@@ -196,7 +219,7 @@ var Toolbar = /** @class */ /*@__PURE__*/ (function (_super) {
             var b = this.d;
             this.d = a;
             if (b != this.d) {
-                this.aq("AutoGeneratedActions", b, this.d);
+                this.au("AutoGeneratedActions", b, this.d);
             }
         },
         enumerable: true,
@@ -210,7 +233,7 @@ var Toolbar = /** @class */ /*@__PURE__*/ (function (_super) {
             var b = this.b;
             this.b = a;
             if (b != this.b) {
-                this.aq("Actions", b, this.b);
+                this.au("Actions", b, this.b);
             }
         },
         enumerable: true,
@@ -224,7 +247,7 @@ var Toolbar = /** @class */ /*@__PURE__*/ (function (_super) {
             var b = this.c;
             this.c = a;
             if (b != this.c) {
-                this.aq("ActualActions", b, this.c);
+                this.au("ActualActions", b, this.c);
             }
         },
         enumerable: true,
@@ -238,75 +261,75 @@ var Toolbar = /** @class */ /*@__PURE__*/ (function (_super) {
             var b = this.h;
             this.h = a;
             if (b != this.h) {
-                this.aq("Orientation", enumGetBox(ToolbarOrientation_$type, b), enumGetBox(ToolbarOrientation_$type, a));
+                this.au("Orientation", enumGetBox(ToolbarOrientation_$type, b), enumGetBox(ToolbarOrientation_$type, a));
             }
         },
         enumerable: true,
         configurable: true
     });
-    Object.defineProperty(Toolbar.prototype, "w", {
+    Object.defineProperty(Toolbar.prototype, "y", {
         get: function () {
-            return this.u;
+            return this.w;
         },
         set: function (a) {
-            var b = this.u;
-            this.u = a;
-            if (b != this.u) {
-                this.aq("Target", b, a);
+            var b = this.w;
+            this.w = a;
+            if (b != this.w) {
+                this.au("Target", b, a);
             }
         },
         enumerable: true,
         configurable: true
     });
-    Object.defineProperty(Toolbar.prototype, "ay", {
+    Object.defineProperty(Toolbar.prototype, "a3", {
         get: function () {
-            return this.aw;
+            return this.a1;
         },
         set: function (a) {
-            var b = this.aw;
-            this.aw = a;
-            if (b != this.aw) {
-                this.aq("BackgroundColor", b, a);
+            var b = this.a1;
+            this.a1 = a;
+            if (b != this.a1) {
+                this.au("BackgroundColor", b, a);
             }
         },
         enumerable: true,
         configurable: true
     });
-    Object.defineProperty(Toolbar.prototype, "a1", {
+    Object.defineProperty(Toolbar.prototype, "a6", {
         get: function () {
-            return this.ax;
+            return this.a2;
         },
         set: function (a) {
-            var b = this.ax;
-            this.ax = a;
-            if (b != this.ax) {
-                this.aq("TextColor", b, a);
+            var b = this.a2;
+            this.a2 = a;
+            if (b != this.a2) {
+                this.au("TextColor", b, a);
             }
         },
         enumerable: true,
         configurable: true
     });
-    Object.defineProperty(Toolbar.prototype, "o", {
+    Object.defineProperty(Toolbar.prototype, "q", {
         get: function () {
-            return this.n;
+            return this.p;
         },
         set: function (a) {
-            var b = this.n;
-            this.n = a;
-            if (b != this.n) {
-                this.aq("CellTextStyle", b, this.n);
+            var b = this.p;
+            this.p = a;
+            if (b != this.p) {
+                this.au("CellTextStyle", b, this.p);
             }
         },
         enumerable: true,
         configurable: true
     });
-    Toolbar.prototype.p = function () {
-        if (this.o == null) {
+    Toolbar.prototype.r = function () {
+        if (this.q == null) {
             return this.k.d();
         }
-        return this.o;
+        return this.q;
     };
-    Toolbar.prototype.ah = function (a, b) {
+    Toolbar.prototype.ak = function (a, b) {
         var e_1, _a, e_2, _b;
         if (b.oldItems != null) {
             try {
@@ -314,7 +337,7 @@ var Toolbar = /** @class */ /*@__PURE__*/ (function (_super) {
                     var c = _d.value;
                     if (typeCast(INotifyPropertyChanged_$type, c) !== null) {
                         var d = c;
-                        d.propertyChanged = delegateRemove(d.propertyChanged, runOn(this, this.ai));
+                        d.propertyChanged = delegateRemove(d.propertyChanged, runOn(this, this.al));
                     }
                 }
             }
@@ -338,7 +361,7 @@ var Toolbar = /** @class */ /*@__PURE__*/ (function (_super) {
                     var e = _f.value;
                     if (typeCast(INotifyPropertyChanged_$type, e) !== null) {
                         var f = e;
-                        f.propertyChanged = delegateCombine(f.propertyChanged, runOn(this, this.ai));
+                        f.propertyChanged = delegateCombine(f.propertyChanged, runOn(this, this.al));
                     }
                 }
             }
@@ -356,32 +379,40 @@ var Toolbar = /** @class */ /*@__PURE__*/ (function (_super) {
                 }
             }
         }
-        this.ao();
+        this.as();
     };
-    Toolbar.prototype.ai = function (a, b) {
-        this.ao();
+    Toolbar.prototype.am = function (a, b) {
+        this.a0();
     };
-    Toolbar.prototype.ao = function () {
-        this.au();
+    Toolbar.prototype.a0 = function () {
+        for (var a = 0; a < this.actualActions.count; a++) {
+            this.actualActions._inner[a].g = this.n;
+        }
     };
-    Toolbar.prototype.au = function () {
-        if (this.t) {
+    Toolbar.prototype.al = function (a, b) {
+        this.as();
+    };
+    Toolbar.prototype.as = function () {
+        this.ay();
+    };
+    Toolbar.prototype.ay = function () {
+        if (this.v) {
             return;
         }
-        this.t = true;
-        this.a.enqueueAction(runOn(this, this.ak));
+        this.v = true;
+        this.a.enqueueAction(runOn(this, this.ao));
     };
-    Toolbar.prototype.ak = function () {
-        if (!this.t) {
+    Toolbar.prototype.ao = function () {
+        if (!this.v) {
             return;
         }
-        this.t = false;
-        this.av();
+        this.v = false;
+        this.az();
         if (this.l.actions != this.actualActions) {
             this.l.actions = this.actualActions;
         }
     };
-    Toolbar.prototype.av = function () {
+    Toolbar.prototype.az = function () {
         this.actualActions.clear();
         for (var a = 0; a < this.actions.count; a++) {
             this.actualActions.add(this.actions._inner[a]);
@@ -390,9 +421,9 @@ var Toolbar = /** @class */ /*@__PURE__*/ (function (_super) {
             this.actualActions.add(this.autoGeneratedActions._inner[b]);
         }
     };
-    Toolbar.prototype.al = function () {
-        if (this.t) {
-            this.ak();
+    Toolbar.prototype.ap = function () {
+        if (this.v) {
+            this.ao();
         }
     };
     Toolbar.prototype.notifySizeChanged = function () {
@@ -404,20 +435,20 @@ var Toolbar = /** @class */ /*@__PURE__*/ (function (_super) {
     Toolbar.prototype.provideContainer = function (a) {
         this.k.t(a);
     };
-    Toolbar.prototype.aq = function (a, b, c) {
+    Toolbar.prototype.au = function (a, b, c) {
         if (this.propertyChanged != null) {
             this.propertyChanged(this, new PropertyChangedEventArgs(a));
         }
-        this.as(a, b, c);
+        this.aw(a, b, c);
     };
-    Toolbar.prototype.as = function (a, b, c) {
+    Toolbar.prototype.aw = function (a, b, c) {
         switch (a) {
             case "CellTextStyle":
-                this.au();
+                this.ay();
                 break;
             case "BackgroundColor":
             case "TextColor":
-                this.au();
+                this.ay();
                 break;
             case "Orientation":
                 if (this.l != null) {
@@ -427,15 +458,15 @@ var Toolbar = /** @class */ /*@__PURE__*/ (function (_super) {
             case "Target":
                 var d = c;
                 var e = b;
-                this.ar(e, d);
+                this.av(e, d);
                 break;
         }
     };
-    Toolbar.prototype.ar = function (a, b) {
-        this.m = b;
+    Toolbar.prototype.av = function (a, b) {
+        this.o = b;
         if (a != null) {
             this.autoGeneratedActions.clear();
-            this.au();
+            this.ay();
         }
         if (b != null) {
             this.autoGeneratedActions.clear();
@@ -446,14 +477,14 @@ var Toolbar = /** @class */ /*@__PURE__*/ (function (_super) {
                     this.autoGeneratedActions.add(e);
                 }
             }
-            this.au();
+            this.ay();
         }
     };
     Toolbar.$t = markType(Toolbar, 'Toolbar', Base.$, [INotifyPropertyChanged_$type]);
     Toolbar.i = 1;
-    Toolbar.v = null;
-    Toolbar.az = BrushUtil.g(255, 248, 248, 248);
-    Toolbar.a0 = BrushUtil.g(255, 24, 29, 31);
+    Toolbar.x = null;
+    Toolbar.a4 = BrushUtil.g(255, 248, 248, 248);
+    Toolbar.a5 = BrushUtil.g(255, 24, 29, 31);
     return Toolbar;
 }(Base));
 export { Toolbar };

package/esm5/lib/igc-property-editor-property-description-component.js

@@ -4,6 +4,7 @@ import { delegateCombine, delegateRemove } from "igniteui-webcomponents-core";
 import { PropertyEditorValueType_$type } from "./PropertyEditorValueType";
 import { IgcPropertyEditorDescriptionObject } from "./igc-property-editor-description-object";
 import { IgcPropertyEditorDescriptionObjectCollection } from "./igc-property-editor-description-object-collection";
+import { IgcPropertyEditorPropertyDescriptionCollection } from "./igc-property-editor-property-description-collection";
 import { IgcPropertyEditorPropertyDescriptionButtonClickEventArgs } from "./igc-property-editor-property-description-button-click-event-args";
 import { IgcPropertyEditorPropertyDescriptionChangedEventArgs } from "./igc-property-editor-property-description-changed-event-args";
 import { IgcPropertyEditorPropertyDescriptionTargetPropertyUpdatingEventArgs } from "./igc-property-editor-property-description-target-property-updating-event-args";
@@ -14,6 +15,7 @@ import { RegisterElementHelper } from "igniteui-webcomponents-core";
 import { PropertyEditorDescriptionObjectCollection as PropertyEditorDescriptionObjectCollection_internal } from "./PropertyEditorDescriptionObjectCollection";
 import { PropertyEditorDescriptionObject } from "./PropertyEditorDescriptionObject";
 import { SyncableObservableCollection$1 } from "igniteui-webcomponents-core";
+import { PropertyEditorPropertyDescriptionCollection as PropertyEditorPropertyDescriptionCollection_internal } from "./PropertyEditorPropertyDescriptionCollection";
 var IgcPropertyEditorPropertyDescriptionComponent = /** @class */ /*@__PURE__*/ (function (_super) {
     tslib_1.__extends(IgcPropertyEditorPropertyDescriptionComponent, _super);
     function IgcPropertyEditorPropertyDescriptionComponent() {
@@ -23,6 +25,7 @@ var IgcPropertyEditorPropertyDescriptionComponent = /** @class */ /*@__PURE__*/
         _this._queuedSetAttributes = [];
         _this._updatingFromAttribute = false;
         _this._complexValues = null;
+        _this._properties = null;
         _this.__p = null;
         _this._hasUserValues = new Set();
         _this._stylingContainer = null;
@@ -155,62 +158,62 @@ var IgcPropertyEditorPropertyDescriptionComponent = /** @class */ /*@__PURE__*/
     };
     Object.defineProperty(IgcPropertyEditorPropertyDescriptionComponent.prototype, "propertyPath", {
         get: function () {
-            return this.i.al;
+            return this.i.an;
         },
         set: function (v) {
-            this.i.al = v;
+            this.i.an = v;
         },
         enumerable: true,
         configurable: true
     });
     Object.defineProperty(IgcPropertyEditorPropertyDescriptionComponent.prototype, "label", {
         get: function () {
-            return this.i.aj;
+            return this.i.al;
         },
         set: function (v) {
-            this.i.aj = v;
+            this.i.al = v;
         },
         enumerable: true,
         configurable: true
     });
     Object.defineProperty(IgcPropertyEditorPropertyDescriptionComponent.prototype, "valueType", {
         get: function () {
-            return this.i.n;
+            return this.i.p;
         },
         set: function (v) {
-            this.i.n = ensureEnum(PropertyEditorValueType_$type, v);
-            this._a("valueType", enumToString(PropertyEditorValueType_$type, this.i.n));
+            this.i.p = ensureEnum(PropertyEditorValueType_$type, v);
+            this._a("valueType", enumToString(PropertyEditorValueType_$type, this.i.p));
         },
         enumerable: true,
         configurable: true
     });
     Object.defineProperty(IgcPropertyEditorPropertyDescriptionComponent.prototype, "propertyDescriptionType", {
         get: function () {
-            return this.i.ak;
+            return this.i.am;
         },
         set: function (v) {
-            this.i.ak = v;
+            this.i.am = v;
         },
         enumerable: true,
         configurable: true
     });
     Object.defineProperty(IgcPropertyEditorPropertyDescriptionComponent.prototype, "shouldOverrideDefaultEditor", {
         get: function () {
-            return this.i.q;
+            return this.i.s;
         },
         set: function (v) {
-            this.i.q = ensureBool(v);
-            this._a("shouldOverrideDefaultEditor", this.i.q);
+            this.i.s = ensureBool(v);
+            this._a("shouldOverrideDefaultEditor", this.i.s);
         },
         enumerable: true,
         configurable: true
     });
     Object.defineProperty(IgcPropertyEditorPropertyDescriptionComponent.prototype, "elementDescriptionType", {
         get: function () {
-            return this.i.ai;
+            return this.i.ak;
         },
         set: function (v) {
-            this.i.ai = v;
+            this.i.ak = v;
         },
         enumerable: true,
         configurable: true
@@ -245,65 +248,65 @@ var IgcPropertyEditorPropertyDescriptionComponent = /** @class */ /*@__PURE__*/
     });
     Object.defineProperty(IgcPropertyEditorPropertyDescriptionComponent.prototype, "primitiveValue", {
         get: function () {
-            return this.i.ad;
+            return this.i.af;
         },
         set: function (v) {
-            this.i.ad = v;
+            this.i.af = v;
         },
         enumerable: true,
         configurable: true
     });
     Object.defineProperty(IgcPropertyEditorPropertyDescriptionComponent.prototype, "min", {
         get: function () {
-            return this.i.z;
+            return this.i.ab;
         },
         set: function (v) {
-            this.i.z = +v;
-            this._a("min", this.i.z);
+            this.i.ab = +v;
+            this._a("min", this.i.ab);
         },
         enumerable: true,
         configurable: true
     });
     Object.defineProperty(IgcPropertyEditorPropertyDescriptionComponent.prototype, "editorWidth", {
         get: function () {
-            return this.i.w;
+            return this.i.y;
         },
         set: function (v) {
-            this.i.w = +v;
-            this._a("editorWidth", this.i.w);
+            this.i.y = +v;
+            this._a("editorWidth", this.i.y);
         },
         enumerable: true,
         configurable: true
     });
     Object.defineProperty(IgcPropertyEditorPropertyDescriptionComponent.prototype, "labelWidth", {
         get: function () {
-            return this.i.x;
+            return this.i.z;
         },
         set: function (v) {
-            this.i.x = +v;
-            this._a("labelWidth", this.i.x);
+            this.i.z = +v;
+            this._a("labelWidth", this.i.z);
         },
         enumerable: true,
         configurable: true
     });
     Object.defineProperty(IgcPropertyEditorPropertyDescriptionComponent.prototype, "max", {
         get: function () {
-            return this.i.y;
+            return this.i.aa;
         },
         set: function (v) {
-            this.i.y = +v;
-            this._a("max", this.i.y);
+            this.i.aa = +v;
+            this._a("max", this.i.aa);
         },
         enumerable: true,
         configurable: true
     });
     Object.defineProperty(IgcPropertyEditorPropertyDescriptionComponent.prototype, "step", {
         get: function () {
-            return this.i.aa;
+            return this.i.ac;
         },
         set: function (v) {
-            this.i.aa = +v;
-            this._a("step", this.i.aa);
+            this.i.ac = +v;
+            this._a("step", this.i.ac);
         },
         enumerable: true,
         configurable: true
@@ -367,6 +370,39 @@ var IgcPropertyEditorPropertyDescriptionComponent = /** @class */ /*@__PURE__*/
         enumerable: true,
         configurable: true
     });
+    Object.defineProperty(IgcPropertyEditorPropertyDescriptionComponent.prototype, "properties", {
+        get: function () {
+            if (this._properties === null) {
+                var coll = new IgcPropertyEditorPropertyDescriptionCollection();
+                var innerColl = this.i.m;
+                if (!innerColl) {
+                    innerColl = new PropertyEditorPropertyDescriptionCollection_internal();
+                }
+                this._properties = coll._fromInner(innerColl);
+                this.i.m = innerColl;
+            }
+            return this._properties;
+        },
+        set: function (v) {
+            if (this._properties !== null) {
+                this._properties._setSyncTarget(null);
+                this._properties = null;
+            }
+            var coll = new IgcPropertyEditorPropertyDescriptionCollection();
+            this._properties = coll._fromOuter(v);
+            var syncColl = new SyncableObservableCollection$1(PropertyEditorPropertyDescription.$type);
+            var innerColl = this.i.m;
+            if (!innerColl) {
+                innerColl = new PropertyEditorPropertyDescriptionCollection_internal();
+            }
+            syncColl._inner = innerColl;
+            syncColl.clear();
+            this._properties._setSyncTarget(syncColl);
+            this.i.m = innerColl;
+        },
+        enumerable: true,
+        configurable: true
+    });
     IgcPropertyEditorPropertyDescriptionComponent.prototype.findByName = function (name) {
         if (this.findEphemera) {
             if (name && name.indexOf("@@e:") == 0) {
@@ -379,6 +415,9 @@ var IgcPropertyEditorPropertyDescriptionComponent = /** @class */ /*@__PURE__*/
         if (this.complexValues != null && this.complexValues.findByName && this.complexValues.findByName(name)) {
             return this.complexValues.findByName(name);
         }
+        if (this.properties != null && this.properties.findByName && this.properties.findByName(name)) {
+            return this.properties.findByName(name);
+        }
         return null;
     };
     Object.defineProperty(IgcPropertyEditorPropertyDescriptionComponent.prototype, "hasUserValues", {