igniteui-webcomponents-layouts 3.2.4 → 3.5.0

package/esm2015/lib/ToolPanelView_combined.js

@@ -27,8 +27,8 @@ import { DeviceUtils } from "igniteui-webcomponents-core";
 import { ToolPanelOrientation_$type } from "./ToolPanelOrientation";
 import { stringReplace } from "igniteui-webcomponents-core";
 import { isNaN_, tryParseNumber } from "igniteui-webcomponents-core";
-import { BrushUtil } from "igniteui-webcomponents-core";
 import { Thickness } from "igniteui-webcomponents-core";
+import { BrushUtil } from "igniteui-webcomponents-core";
 import { ObservableCollection$1 } from "igniteui-webcomponents-core";
 import { ToolPanelContentRefreshedEventArgs } from "./ToolPanelContentRefreshedEventArgs";
 import { SRProvider } from "igniteui-webcomponents-core";
@@ -116,8 +116,8 @@ export let ToolPanelView = /*@__PURE__*/ (() => {
             }
             let b = a.rootWrapper;
             if (null != b) {
-                NativeUI.o(b, this.c.a9);
-                NativeUI.k(b, this.c.a6);
+                NativeUI.o(b, this.c.ba);
+                NativeUI.k(b, this.c.a7);
             }
         }
         f() {
@@ -522,12 +522,18 @@ export let ToolAction = /*@__PURE__*/ (() => {
                     b = new ToolActionIconButton();
                     break;
                 case 4:
-                    b = new ToolActionNumberInput();
+                    b = new ToolActionLabel();
                     break;
                 case 5:
-                    b = new ToolActionSeparator();
+                    b = new ToolActionNumberInput();
                     break;
                 case 6:
+                    b = new ToolActionRadio();
+                    break;
+                case 7:
+                    b = new ToolActionSeparator();
+                    break;
+                case 8:
                     b = new ToolActionIconMenu();
                     break;
                 case 0: return null;
@@ -553,13 +559,166 @@ export let ToolAction = /*@__PURE__*/ (() => {
     ToolAction.$t = /*@__PURE__*/ markType(ToolAction, 'ToolAction', Base.$, [INotifyPropertyChanged_$type]);
     return ToolAction;
 })();
+/**
+ * @hidden
+ */
+export let ToolActionLabel = /*@__PURE__*/ (() => {
+    class ToolActionLabel extends ToolAction {
+        get_f() {
+            return 4;
+        }
+        bf(a, b, c, d, e, f, g) {
+            if (a.w == null || EnumUtil.getEnumValue(ToolActionType_$type, a.w) != this.f) {
+                a.a0 = b;
+                if (g.a == 1) {
+                    b.d = 0;
+                }
+                else {
+                    b.d = 3;
+                }
+                b.a7(0, 2, 1);
+                b.a6(0, 1, isNaN_(g.e) ? 0 : g.e);
+                b.a6(1, 1, isNaN_(g.g) ? 0 : g.g);
+                b.as = new Thickness(1, this.r, this.t, this.s, this.q);
+                if (b.av == 0) {
+                    b.aw(c);
+                }
+                b.bb(c, 0);
+                b.ba(c, 1);
+                c.e = 1;
+                b.a1 = runOn(this, this.be);
+            }
+            b.h = f.a.j;
+            b.aj = BrushUtil.g(0, 0, 0, 0);
+            c.au = this.ap;
+            c.al = BrushUtil.g(255, 20, 20, 20);
+        }
+        be(a, b) {
+            this.a9(this.b(false), this);
+        }
+        bb(a, b, c, d) {
+            super.bb(a, b, c, d);
+            let e = c.b;
+            if (e.a0 == null || (e.w == null || EnumUtil.getEnumValue(ToolActionType_$type, e.w) != this.f)) {
+                NativeUIComponent.ab(b.l.r(), [7, 3], (f) => {
+                    let g = f[0];
+                    let h = f[1];
+                    e.a0 = g;
+                    this.bf(e, g, h, a, b, c, d);
+                });
+                ;
+            }
+            else {
+                let f = e.a0;
+                let g = f.au(0);
+                this.bf(e, f, g, a, b, c, d);
+            }
+        }
+    }
+    ToolActionLabel.$t = /*@__PURE__*/ markType(ToolActionLabel, 'ToolActionLabel', ToolAction.$);
+    return ToolActionLabel;
+})();
+/**
+ * @hidden
+ */
+export let ToolActionRadio = /*@__PURE__*/ (() => {
+    class ToolActionRadio extends ToolAction {
+        constructor() {
+            super(...arguments);
+            this.bf = null;
+            this.be = null;
+        }
+        get_f() {
+            return 6;
+        }
+        b(a) {
+            let b = new ToolActionEventDetail();
+            b.a = this;
+            b.b = this.f;
+            b.d = a;
+            if (this.be != null) {
+                b.c = this.be.aw;
+            }
+            return b;
+        }
+        x() {
+            return this.be.aw;
+        }
+        bg() {
+            if (this.be != null) {
+                this.be.aw = false;
+            }
+        }
+        o(a, b) {
+            return 30;
+        }
+        bi(a, b, c, d, e, f, g, h) {
+            if (a.w == null || EnumUtil.getEnumValue(ToolActionType_$type, a.w) != this.f) {
+                a.a0 = b;
+                if (h.a == 1) {
+                    b.d = 0;
+                }
+                else {
+                    b.d = 3;
+                }
+                b.a7(0, 2, 1);
+                b.a6(0, 1, isNaN_(h.e) ? 0 : h.e);
+                b.a6(1, 1, isNaN_(h.g) ? 0 : h.g);
+                b.a6(1, 2, 1);
+                b.as = new Thickness(1, this.r, this.t, this.s, this.q);
+                if (b.av == 0) {
+                    b.aw(c);
+                    b.aw(d);
+                }
+                b.bb(c, 0);
+                b.ba(c, 1);
+                b.bb(d, 0);
+                b.ba(d, 2);
+                this.be = d;
+                d.ax = 25;
+                d.av = true;
+                d.d = 2;
+                d.e = 1;
+                d.au = runOn(this, this.bh);
+                c.e = 1;
+            }
+            b.h = g.a.j;
+            c.au = this.ap;
+            c.al = BrushUtil.g(255, 20, 20, 20);
+        }
+        bh(a, b) {
+            this.a9(this.b(true), this);
+        }
+        bb(a, b, c, d) {
+            super.bb(a, b, c, d);
+            let e = c.b;
+            if (e.a0 == null || (e.w == null || EnumUtil.getEnumValue(ToolActionType_$type, e.w) != this.f)) {
+                NativeUIComponent.ab(b.l.r(), [7, 3, 6], (f) => {
+                    let g = f[0];
+                    let h = f[1];
+                    let i = f[2];
+                    e.a0 = g;
+                    this.bi(e, g, h, i, a, b, c, d);
+                });
+            }
+            else {
+                let f = e.a0;
+                let g = f.au(0);
+                let h = f.au(1);
+                this.bi(e, f, g, h, a, b, c, d);
+            }
+        }
+    }
+    ToolActionRadio.$t = /*@__PURE__*/ markType(ToolActionRadio, 'ToolActionRadio', ToolAction.$);
+    return ToolActionRadio;
+})();
 /**
  * @hidden
  */
 export let ToolActionSeparator = /*@__PURE__*/ (() => {
     class ToolActionSeparator extends ToolAction {
         get_f() {
-            return 5;
+            return 7;
         }
         a5(a, b) {
             super.a5(a, b);
@@ -643,14 +802,14 @@ export let ToolActionIconButton = /*@__PURE__*/ (() => {
                 else {
                     b.d = 3;
                 }
-                b.a5(0, 2, 1);
-                b.a4(0, 1, isNaN_(g.f) ? 0 : g.f);
+                b.a7(0, 2, 1);
+                b.a6(0, 1, isNaN_(g.f) ? 0 : g.f);
                 b.as = new Thickness(1, this.r, this.t, this.s, this.q);
                 if (b.av == 0) {
                     b.aw(c);
                 }
-                b.a9(c, 0);
-                b.a8(c, 0);
+                b.bb(c, 0);
+                b.ba(c, 0);
                 this.be = c;
                 this.be.av = 2;
                 this.be.au = runOn(this, this.bf);
@@ -700,9 +859,9 @@ export let ToolActionGroupHeader = /*@__PURE__*/ (() => {
                 else {
                     b.d = 3;
                 }
-                b.a5(0, 2, 1);
-                b.a4(0, 1, isNaN_(g.e) ? 0 : g.e);
-                b.a4(1, 2, 1);
+                b.a7(0, 2, 1);
+                b.a6(0, 1, isNaN_(g.e) ? 0 : g.e);
+                b.a6(1, 2, 1);
                 b.as = new Thickness(1, this.r, this.t, this.s, this.q);
                 if (b.av == 0) {
                     b.aw(c);
@@ -715,8 +874,8 @@ export let ToolActionGroupHeader = /*@__PURE__*/ (() => {
             b.aq = new Thickness(1, 0, 0, 0, 2);
             c.au = this.ap;
             c.al = BrushUtil.g(255, 20, 20, 20);
-            b.a9(c, 0);
-            b.a8(c, 1);
+            b.bb(c, 0);
+            b.ba(c, 1);
         }
         bb(a, b, c, d) {
             super.bb(a, b, c, d);
@@ -883,14 +1042,14 @@ export let ToolActionIconMenu = /*@__PURE__*/ (() => {
                 else {
                     b.d = 3;
                 }
-                b.a5(0, 2, 1);
-                b.a4(0, 1, isNaN_(g.f) ? 0 : g.f);
+                b.a7(0, 2, 1);
+                b.a6(0, 1, isNaN_(g.f) ? 0 : g.f);
                 b.as = new Thickness(1, this.r, this.t, this.s, this.q);
                 if (b.av == 0) {
                     b.aw(c);
                 }
-                b.a9(c, 0);
-                b.a8(c, 0);
+                b.bb(c, 0);
+                b.ba(c, 0);
                 this.bz = c;
                 this.bz.av = 2;
                 this.bz.au = runOn(this, this.b0);
@@ -960,19 +1119,19 @@ export let ToolActionCheckbox = /*@__PURE__*/ (() => {
                 else {
                     b.d = 3;
                 }
-                b.a5(0, 2, 1);
-                b.a4(0, 1, isNaN_(h.e) ? 0 : h.e);
-                b.a4(1, 1, isNaN_(h.g) ? 0 : h.g);
-                b.a4(1, 2, 1);
+                b.a7(0, 2, 1);
+                b.a6(0, 1, isNaN_(h.e) ? 0 : h.e);
+                b.a6(1, 1, isNaN_(h.g) ? 0 : h.g);
+                b.a6(1, 2, 1);
                 b.as = new Thickness(1, this.r, this.t, this.s, this.q);
                 if (b.av == 0) {
                     b.aw(c);
                     b.aw(d);
                 }
-                b.a9(c, 0);
-                b.a8(c, 1);
-                b.a9(d, 0);
-                b.a8(d, 2);
+                b.bb(c, 0);
+                b.ba(c, 1);
+                b.bb(d, 0);
+                b.ba(d, 2);
                 this.be = d;
                 d.av = true;
                 d.d = 2;
@@ -1020,7 +1179,7 @@ export let ToolActionNumberInput = /*@__PURE__*/ (() => {
             this.be = null;
         }
         get_f() {
-            return 4;
+            return 5;
         }
         x() {
             return this.bf();
@@ -1037,19 +1196,19 @@ export let ToolActionNumberInput = /*@__PURE__*/ (() => {
                 else {
                     b.d = 3;
                 }
-                b.a5(0, 2, 1);
-                b.a4(0, 1, isNaN_(h.e) ? 0 : h.e);
-                b.a4(1, 1, isNaN_(h.g) ? 0 : h.g);
-                b.a4(1, 2, 1);
+                b.a7(0, 2, 1);
+                b.a6(0, 1, isNaN_(h.e) ? 0 : h.e);
+                b.a6(1, 1, isNaN_(h.g) ? 0 : h.g);
+                b.a6(1, 2, 1);
                 b.as = new Thickness(1, this.r, this.t, this.s, this.q);
                 if (b.av == 0) {
                     b.aw(c);
                     b.aw(d);
                 }
-                b.a9(c, 0);
-                b.a8(c, 1);
-                b.a9(d, 0);
-                b.a8(d, 2);
+                b.bb(c, 0);
+                b.ba(c, 1);
+                b.bb(d, 0);
+                b.ba(d, 2);
                 this.be = d;
                 d.n = 100;
                 d.au = 2;
@@ -1187,8 +1346,8 @@ export let ToolPanel = /*@__PURE__*/ (() => {
             this.v = new Dictionary$2(String_$type, ToolAction.$, 0);
             this.m = null;
             this.a = null;
-            this.a4 = ToolPanel.a7;
             this.a5 = ToolPanel.a8;
+            this.a6 = ToolPanel.a9;
             this.b = null;
             this.z = Number.POSITIVE_INFINITY;
             this.i = ToolPanel.j;
@@ -1311,7 +1470,7 @@ export let ToolPanel = /*@__PURE__*/ (() => {
             }
             this.t = false;
             this.al();
-            this.a3();
+            this.a4();
             for (let a = 0; a < this.d.count; a++) {
                 this.as(this.d._inner[a]);
             }
@@ -1338,6 +1497,15 @@ export let ToolPanel = /*@__PURE__*/ (() => {
                     }
                 }
             }
+            for (let d = 0; d < this.d.count; d++) {
+                if (this.d._inner[d].f == 6) {
+                    let e = this.d._inner[d].bf;
+                    if (!this.x.containsKey(e)) {
+                        this.x.item(e, new List$1(ToolAction.$, 0));
+                    }
+                    this.x.item(e).add(this.d._inner[d]);
+                }
+            }
         }
         u(a) {
             if (a.ao == null) {
@@ -1388,7 +1556,7 @@ export let ToolPanel = /*@__PURE__*/ (() => {
                 }
             }
         }
-        a3() {
+        a4() {
             this.f = new ToolActionMeasurementContext();
             this.f.a = this.k;
             this.f.b = this.z;
@@ -1406,6 +1574,19 @@ export let ToolPanel = /*@__PURE__*/ (() => {
                 this.b.bt();
             }
         }
+        a3(a) {
+            let b = a.bf;
+            let c = a.ao;
+            if (this.x != null) {
+                if (this.x.containsKey(b)) {
+                    for (let d = 0; d < this.x.item(b).count; d++) {
+                        if (this.x.item(b)._inner[d].ao != c) {
+                            this.x.item(b)._inner[d].bg();
+                        }
+                    }
+                }
+            }
+        }
         ar(a, b) {
             this.av();
         }
@@ -1467,23 +1648,23 @@ export let ToolPanel = /*@__PURE__*/ (() => {
                     break;
             }
         }
-        get a6() {
-            return this.a4;
-        }
-        set a6(a) {
-            let b = this.a4;
-            this.a4 = a;
-            if (b != this.a4) {
-                this.ax("BackgroundColor", b, a);
-            }
-        }
-        get a9() {
+        get a7() {
             return this.a5;
         }
-        set a9(a) {
+        set a7(a) {
             let b = this.a5;
             this.a5 = a;
             if (b != this.a5) {
+                this.ax("BackgroundColor", b, a);
+            }
+        }
+        get ba() {
+            return this.a6;
+        }
+        set ba(a) {
+            let b = this.a6;
+            this.a6 = a;
+            if (b != this.a6) {
                 this.ax("TextColor", b, a);
             }
         }
@@ -1505,11 +1686,14 @@ export let ToolPanel = /*@__PURE__*/ (() => {
                     return $ret;
                 })()));
             }
+            if (a.f == 6) {
+                this.a3(a);
+            }
         }
     }
     ToolPanel.$t = /*@__PURE__*/ markType(ToolPanel, 'ToolPanel', Base.$, [INotifyPropertyChanged_$type]);
-    ToolPanel.a7 = /*@__PURE__*/ BrushUtil.g(255, 248, 248, 248);
-    ToolPanel.a8 = /*@__PURE__*/ BrushUtil.g(255, 24, 29, 31);
+    ToolPanel.a8 = /*@__PURE__*/ BrushUtil.g(255, 248, 248, 248);
+    ToolPanel.a9 = /*@__PURE__*/ BrushUtil.g(255, 24, 29, 31);
     ToolPanel.j = 0;
     return ToolPanel;
 })();

package/esm2015/lib/igc-list-panel-component.js

@@ -253,6 +253,11 @@ export let IgcListPanelComponent = /*@__PURE__*/ (() => {
             this._a("textColor", brushToString(this.i.cv));
         }
         findByName(name) {
+            if (this.findEphemera) {
+                if (name && name.indexOf("@@e:") == 0) {
+                    return this.findEphemera(name);
+                }
+            }
             return null;
         }
         get hasUserValues() {
@@ -382,6 +387,7 @@ export let IgcListPanelComponent = /*@__PURE__*/ (() => {
                 }
             };
             this.i.contentRefreshed = delegateCombine(this.i.contentRefreshed, this._contentRefreshed_wrapped);
+            ;
         }
         get rowUpdating() {
             return this._rowUpdating;
@@ -404,6 +410,7 @@ export let IgcListPanelComponent = /*@__PURE__*/ (() => {
                 }
             };
             this.i.rowUpdating = delegateCombine(this.i.rowUpdating, this._rowUpdating_wrapped);
+            ;
         }
         get itemWidthRequested() {
             return this._itemWidthRequested;
@@ -426,6 +433,7 @@ export let IgcListPanelComponent = /*@__PURE__*/ (() => {
                 }
             };
             this.i.itemWidthRequested = delegateCombine(this.i.itemWidthRequested, this._itemWidthRequested_wrapped);
+            ;
         }
         get itemHeightRequested() {
             return this._itemHeightRequested;
@@ -448,6 +456,7 @@ export let IgcListPanelComponent = /*@__PURE__*/ (() => {
                 }
             };
             this.i.itemHeightRequested = delegateCombine(this.i.itemHeightRequested, this._itemHeightRequested_wrapped);
+            ;
         }
     }
     IgcListPanelComponent._observedAttributesIgcListPanelComponent = null;

package/esm2015/lib/igc-list-panel-item-model.js

@@ -47,6 +47,11 @@ export class IgcListPanelItemModel {
         this.i.e = ensureBool(v);
     }
     findByName(name) {
+        if (this.findEphemera) {
+            if (name && name.indexOf("@@e:") == 0) {
+                return this.findEphemera(name);
+            }
+        }
         return null;
     }
 }

package/esm2015/lib/igc-list-panel-template-item-updating-event-args.js

@@ -23,15 +23,21 @@ export class IgcListPanelTemplateItemUpdatingEventArgs {
         this.onImplementationCreated();
     }
     get model() {
-        if (this.i.a == null) {
+        const r = this.i.a;
+        if (r == null) {
             return null;
         }
-        if (!this.i.a.externalObject) {
+        if (!r.externalObject) {
             let e = new IgcListPanelItemModel();
-            e._implementation = this.i.a;
-            this.i.a.externalObject = e;
+            if (e.i.setNativeElement) {
+                e.i.setNativeElement(r);
+            }
+            else {
+                e._implementation = r;
+            }
+            r.externalObject = e;
         }
-        return this.i.a.externalObject;
+        return r.externalObject;
     }
     set model(v) {
         v == null ? this.i.a = null : this.i.a = v.i;

package/esm2015/lib/igc-popup-component.js

@@ -245,6 +245,11 @@ export let IgcPopupComponent = /*@__PURE__*/ (() => {
             this._a("background", brushToString(this.i.a8));
         }
         findByName(name) {
+            if (this.findEphemera) {
+                if (name && name.indexOf("@@e:") == 0) {
+                    return this.findEphemera(name);
+                }
+            }
             return null;
         }
         get hasUserValues() {
@@ -347,6 +352,7 @@ export let IgcPopupComponent = /*@__PURE__*/ (() => {
                 }
             };
             this.i.onClosed = delegateCombine(this.i.onClosed, this._onClosed_wrapped);
+            ;
         }
         /**
          * Fires when the popup is shown
@@ -372,6 +378,7 @@ export let IgcPopupComponent = /*@__PURE__*/ (() => {
                 }
             };
             this.i.onPopup = delegateCombine(this.i.onPopup, this._onPopup_wrapped);
+            ;
         }
     }
     IgcPopupComponent._observedAttributesIgcPopupComponent = null;

package/esm2015/lib/igc-property-editor-data-source.js

@@ -22,10 +22,10 @@ export class IgcPropertyEditorDataSource {
         this.onImplementationCreated();
     }
     get descriptionType() {
-        return this.i.l;
+        return this.i.n;
     }
     set descriptionType(v) {
-        this.i.l = v;
+        this.i.n = v;
     }
     get context() {
         return this.i.b;
@@ -34,6 +34,11 @@ export class IgcPropertyEditorDataSource {
         this.i.b = v;
     }
     findByName(name) {
+        if (this.findEphemera) {
+            if (name && name.indexOf("@@e:") == 0) {
+                return this.findEphemera(name);
+            }
+        }
         return null;
     }
 }

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

@@ -62,6 +62,11 @@ export class IgcPropertyEditorDescriptionObject {
         this.i.a = innerColl;
     }
     findByName(name) {
+        if (this.findEphemera) {
+            if (name && name.indexOf("@@e:") == 0) {
+                return this.findEphemera(name);
+            }
+        }
         if (this.properties != null && this.properties.findByName && this.properties.findByName(name)) {
             return this.properties.findByName(name);
         }

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

@@ -356,6 +356,11 @@ export let IgcPropertyEditorPanelComponent = /*@__PURE__*/ (() => {
             this._a("textColor", brushToString(this.i.d9));
         }
         findByName(name) {
+            if (this.findEphemera) {
+                if (name && name.indexOf("@@e:") == 0) {
+                    return this.findEphemera(name);
+                }
+            }
             if (this.actualDataSource != null && this.actualDataSource.findByName && this.actualDataSource.findByName(name)) {
                 return this.actualDataSource.findByName(name);
             }