igniteui-webcomponents-layouts 4.0.4 → 4.2.3-alpha

package/esm2015/lib/ToolbarView_combined.js

@@ -14,11 +14,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
@@ -73,7 +75,7 @@ export let ToolbarView = /*@__PURE__*/ (() => {
             let d = this.i.getSubRenderer(c);
             b.provideContainer(d);
             let e = this.i.getExternal(b, this.i.rootWrapper, this.i.getExternal(this.a, null, null));
-            this.a.am(b);
+            this.a.aq(b);
             let f = Math.round(a.rootWrapper.width());
             let g = Math.round(a.rootWrapper.height());
             this.i.rootWrapper.setStyleProperty("position", "relative");
@@ -91,6 +93,7 @@ export let ToolbarView = /*@__PURE__*/ (() => {
             let a = this.i.rootWrapper.width();
             let b = this.i.rootWrapper.height();
             this.aa = new Size(1, a, b);
+            this.a.at(this.aa);
         }
         z() {
             let a = this.i;
@@ -99,8 +102,8 @@ export let ToolbarView = /*@__PURE__*/ (() => {
             }
             let 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);
             }
         }
         d() {
@@ -116,7 +119,7 @@ export let ToolbarView = /*@__PURE__*/ (() => {
             return this.aa.width;
         }
         h(a) {
-            this.c = this.a.p();
+            this.c = this.a.r();
             return FontUtil.measureStringWidth(a, this.c, this.e);
         }
         q(a, b) {
@@ -137,49 +140,65 @@ export let Toolbar = /*@__PURE__*/ (() => {
         constructor() {
             super();
             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();
             let a = this.actions;
-            a.collectionChanged = delegateCombine(a.collectionChanged, runOn(this, this.ah));
-            NativeUIInputsFactory.m();
-            let b = new ToolbarView();
-            b.a = this;
-            this.k = b;
+            a.collectionChanged = delegateCombine(a.collectionChanged, runOn(this, this.ak));
+            let b = this.actualActions;
+            b.collectionChanged = delegateCombine(b.collectionChanged, runOn(this, this.am));
+            NativeUIInputsFactory.n();
+            NativeUIXInputsFactory.h();
+            let c = new ToolbarView();
+            c.a = this;
+            this.k = c;
             this.k.v();
         }
-        get r() {
-            if (this.q == null) {
-                this.q = new SRProvider(this.k.i);
-                this.q.cb("Layouts");
+        get t() {
+            if (this.s == null) {
+                this.s = new SRProvider(this.k.i);
+                this.s.cb("Layouts");
             }
-            return this.q;
+            return this.s;
         }
-        am(a) {
+        aq(a) {
             this.l = a;
+            this.l.n = this.m;
             let 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;
         }
-        ag(a, b) {
-            if (this.m != null) {
-                this.m.onToolCommandExecuting(b.a);
+        aj(a, b) {
+            if (this.o != null) {
+                this.o.onToolCommandExecuting(b.a);
             }
         }
-        ap(a) {
+        at(a) {
+            this.l.notifySizeChanged();
+        }
+        get n() {
+            return this.m;
+        }
+        set n(a) {
+            let b = this.m;
+            this.m = a;
+            if (b != this.m) {
+                this.au("BaseTheme", enumGetBox(BaseControlTheme_$type, b), enumGetBox(BaseControlTheme_$type, a));
+            }
         }
         get autoGeneratedActions() {
             return this.d;
@@ -188,7 +207,7 @@ export let Toolbar = /*@__PURE__*/ (() => {
             let b = this.d;
             this.d = a;
             if (b != this.d) {
-                this.aq("AutoGeneratedActions", b, this.d);
+                this.au("AutoGeneratedActions", b, this.d);
             }
         }
         get actions() {
@@ -198,7 +217,7 @@ export let Toolbar = /*@__PURE__*/ (() => {
             let b = this.b;
             this.b = a;
             if (b != this.b) {
-                this.aq("Actions", b, this.b);
+                this.au("Actions", b, this.b);
             }
         }
         get actualActions() {
@@ -208,7 +227,7 @@ export let Toolbar = /*@__PURE__*/ (() => {
             let b = this.c;
             this.c = a;
             if (b != this.c) {
-                this.aq("ActualActions", b, this.c);
+                this.au("ActualActions", b, this.c);
             }
         }
         get j() {
@@ -218,61 +237,61 @@ export let Toolbar = /*@__PURE__*/ (() => {
             let 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));
             }
         }
-        get w() {
-            return this.u;
+        get y() {
+            return this.w;
         }
-        set w(a) {
-            let b = this.u;
-            this.u = a;
-            if (b != this.u) {
-                this.aq("Target", b, a);
+        set y(a) {
+            let b = this.w;
+            this.w = a;
+            if (b != this.w) {
+                this.au("Target", b, a);
             }
         }
-        get ay() {
-            return this.aw;
+        get a3() {
+            return this.a1;
         }
-        set ay(a) {
-            let b = this.aw;
-            this.aw = a;
-            if (b != this.aw) {
-                this.aq("BackgroundColor", b, a);
+        set a3(a) {
+            let b = this.a1;
+            this.a1 = a;
+            if (b != this.a1) {
+                this.au("BackgroundColor", b, a);
             }
         }
-        get a1() {
-            return this.ax;
+        get a6() {
+            return this.a2;
         }
-        set a1(a) {
-            let b = this.ax;
-            this.ax = a;
-            if (b != this.ax) {
-                this.aq("TextColor", b, a);
+        set a6(a) {
+            let b = this.a2;
+            this.a2 = a;
+            if (b != this.a2) {
+                this.au("TextColor", b, a);
             }
         }
-        get o() {
-            return this.n;
+        get q() {
+            return this.p;
         }
-        set o(a) {
-            let b = this.n;
-            this.n = a;
-            if (b != this.n) {
-                this.aq("CellTextStyle", b, this.n);
+        set q(a) {
+            let b = this.p;
+            this.p = a;
+            if (b != this.p) {
+                this.au("CellTextStyle", b, this.p);
             }
         }
-        p() {
-            if (this.o == null) {
+        r() {
+            if (this.q == null) {
                 return this.k.d();
             }
-            return this.o;
+            return this.q;
         }
-        ah(a, b) {
+        ak(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.ai));
+                        d.propertyChanged = delegateRemove(d.propertyChanged, runOn(this, this.al));
                     }
                 }
             }
@@ -280,36 +299,44 @@ export let Toolbar = /*@__PURE__*/ (() => {
                 for (let e of fromEn(b.newItems)) {
                     if (typeCast(INotifyPropertyChanged_$type, e) !== null) {
                         let f = e;
-                        f.propertyChanged = delegateCombine(f.propertyChanged, runOn(this, this.ai));
+                        f.propertyChanged = delegateCombine(f.propertyChanged, runOn(this, this.al));
                     }
                 }
             }
-            this.ao();
+            this.as();
         }
-        ai(a, b) {
-            this.ao();
+        am(a, b) {
+            this.a0();
         }
-        ao() {
-            this.au();
+        a0() {
+            for (let a = 0; a < this.actualActions.count; a++) {
+                this.actualActions._inner[a].g = this.n;
+            }
+        }
+        al(a, b) {
+            this.as();
         }
-        au() {
-            if (this.t) {
+        as() {
+            this.ay();
+        }
+        ay() {
+            if (this.v) {
                 return;
             }
-            this.t = true;
-            this.a.enqueueAction(runOn(this, this.ak));
+            this.v = true;
+            this.a.enqueueAction(runOn(this, this.ao));
         }
-        ak() {
-            if (!this.t) {
+        ao() {
+            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;
             }
         }
-        av() {
+        az() {
             this.actualActions.clear();
             for (let a = 0; a < this.actions.count; a++) {
                 this.actualActions.add(this.actions._inner[a]);
@@ -318,9 +345,9 @@ export let Toolbar = /*@__PURE__*/ (() => {
                 this.actualActions.add(this.autoGeneratedActions._inner[b]);
             }
         }
-        al() {
-            if (this.t) {
-                this.ak();
+        ap() {
+            if (this.v) {
+                this.ao();
             }
         }
         notifySizeChanged() {
@@ -332,20 +359,20 @@ export let Toolbar = /*@__PURE__*/ (() => {
         provideContainer(a) {
             this.k.t(a);
         }
-        aq(a, b, c) {
+        au(a, b, c) {
             if (this.propertyChanged != null) {
                 this.propertyChanged(this, new PropertyChangedEventArgs(a));
             }
-            this.as(a, b, c);
+            this.aw(a, b, c);
         }
-        as(a, b, c) {
+        aw(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) {
@@ -355,15 +382,15 @@ export let Toolbar = /*@__PURE__*/ (() => {
                 case "Target":
                     let d = c;
                     let e = b;
-                    this.ar(e, d);
+                    this.av(e, d);
                     break;
             }
         }
-        ar(a, b) {
-            this.m = b;
+        av(a, b) {
+            this.o = b;
             if (a != null) {
                 this.autoGeneratedActions.clear();
-                this.au();
+                this.ay();
             }
             if (b != null) {
                 this.autoGeneratedActions.clear();
@@ -374,14 +401,14 @@ export let Toolbar = /*@__PURE__*/ (() => {
                         this.autoGeneratedActions.add(e);
                     }
                 }
-                this.au();
+                this.ay();
             }
         }
     }
     Toolbar.$t = /*@__PURE__*/ markType(Toolbar, 'Toolbar', Base.$, [INotifyPropertyChanged_$type]);
     Toolbar.i = 1;
-    Toolbar.v = null;
-    Toolbar.az = /*@__PURE__*/ BrushUtil.g(255, 248, 248, 248);
-    Toolbar.a0 = /*@__PURE__*/ BrushUtil.g(255, 24, 29, 31);
+    Toolbar.x = null;
+    Toolbar.a4 = /*@__PURE__*/ BrushUtil.g(255, 248, 248, 248);
+    Toolbar.a5 = /*@__PURE__*/ BrushUtil.g(255, 24, 29, 31);
     return Toolbar;
 })();

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

@@ -3,6 +3,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";
@@ -13,6 +14,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";
 export let IgcPropertyEditorPropertyDescriptionComponent = /*@__PURE__*/ (() => {
     class IgcPropertyEditorPropertyDescriptionComponent extends IgcHTMLElement {
         constructor() {
@@ -22,6 +24,7 @@ export let IgcPropertyEditorPropertyDescriptionComponent = /*@__PURE__*/ (() =>
             this._queuedSetAttributes = [];
             this._updatingFromAttribute = false;
             this._complexValues = null;
+            this._properties = null;
             this.__p = null;
             this._hasUserValues = new Set();
             this._stylingContainer = null;
@@ -144,42 +147,42 @@ export let IgcPropertyEditorPropertyDescriptionComponent = /*@__PURE__*/ (() =>
             }
         }
         get propertyPath() {
-            return this.i.al;
+            return this.i.an;
         }
         set propertyPath(v) {
-            this.i.al = v;
+            this.i.an = v;
         }
         get label() {
-            return this.i.aj;
+            return this.i.al;
         }
         set label(v) {
-            this.i.aj = v;
+            this.i.al = v;
         }
         get valueType() {
-            return this.i.n;
+            return this.i.p;
         }
         set valueType(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));
         }
         get propertyDescriptionType() {
-            return this.i.ak;
+            return this.i.am;
         }
         set propertyDescriptionType(v) {
-            this.i.ak = v;
+            this.i.am = v;
         }
         get shouldOverrideDefaultEditor() {
-            return this.i.q;
+            return this.i.s;
         }
         set shouldOverrideDefaultEditor(v) {
-            this.i.q = ensureBool(v);
-            this._a("shouldOverrideDefaultEditor", this.i.q);
+            this.i.s = ensureBool(v);
+            this._a("shouldOverrideDefaultEditor", this.i.s);
         }
         get elementDescriptionType() {
-            return this.i.ai;
+            return this.i.ak;
         }
         set elementDescriptionType(v) {
-            this.i.ai = v;
+            this.i.ak = v;
         }
         get dropDownNames() {
             return this.i.c;
@@ -202,45 +205,45 @@ export let IgcPropertyEditorPropertyDescriptionComponent = /*@__PURE__*/ (() =>
             this.i.d = v;
         }
         get primitiveValue() {
-            return this.i.ad;
+            return this.i.af;
         }
         set primitiveValue(v) {
-            this.i.ad = v;
+            this.i.af = v;
         }
         get min() {
-            return this.i.z;
+            return this.i.ab;
         }
         set min(v) {
-            this.i.z = +v;
-            this._a("min", this.i.z);
+            this.i.ab = +v;
+            this._a("min", this.i.ab);
         }
         get editorWidth() {
-            return this.i.w;
+            return this.i.y;
         }
         set editorWidth(v) {
-            this.i.w = +v;
-            this._a("editorWidth", this.i.w);
+            this.i.y = +v;
+            this._a("editorWidth", this.i.y);
         }
         get labelWidth() {
-            return this.i.x;
+            return this.i.z;
         }
         set labelWidth(v) {
-            this.i.x = +v;
-            this._a("labelWidth", this.i.x);
+            this.i.z = +v;
+            this._a("labelWidth", this.i.z);
         }
         get max() {
-            return this.i.y;
+            return this.i.aa;
         }
         set max(v) {
-            this.i.y = +v;
-            this._a("max", this.i.y);
+            this.i.aa = +v;
+            this._a("max", this.i.aa);
         }
         get step() {
-            return this.i.aa;
+            return this.i.ac;
         }
         set step(v) {
-            this.i.aa = +v;
-            this._a("step", this.i.aa);
+            this.i.ac = +v;
+            this._a("step", this.i.ac);
         }
         get complexValue() {
             const r = this.i.g;
@@ -293,6 +296,35 @@ export let IgcPropertyEditorPropertyDescriptionComponent = /*@__PURE__*/ (() =>
             this._complexValues._setSyncTarget(syncColl);
             this.i.i = innerColl;
         }
+        get properties() {
+            if (this._properties === null) {
+                let coll = new IgcPropertyEditorPropertyDescriptionCollection();
+                let innerColl = this.i.m;
+                if (!innerColl) {
+                    innerColl = new PropertyEditorPropertyDescriptionCollection_internal();
+                }
+                this._properties = coll._fromInner(innerColl);
+                this.i.m = 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.m;
+            if (!innerColl) {
+                innerColl = new PropertyEditorPropertyDescriptionCollection_internal();
+            }
+            syncColl._inner = innerColl;
+            syncColl.clear();
+            this._properties._setSyncTarget(syncColl);
+            this.i.m = innerColl;
+        }
         findByName(name) {
             if (this.findEphemera) {
                 if (name && name.indexOf("@@e:") == 0) {
@@ -305,6 +337,9 @@ export let IgcPropertyEditorPropertyDescriptionComponent = /*@__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;
         }
         get hasUserValues() {