igniteui-webcomponents-layouts 3.2.4 → 3.5.0

package/esm5/lib/ToolPanelView_combined.js

@@ -28,8 +28,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";
@@ -118,8 +118,8 @@ var ToolPanelView = /** @class */ /*@__PURE__*/ (function (_super) {
         }
         var 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);
         }
     };
     ToolPanelView.prototype.f = function () {
@@ -587,12 +587,18 @@ var ToolAction = /** @class */ /*@__PURE__*/ (function (_super) {
                 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;
@@ -618,6 +624,165 @@ var ToolAction = /** @class */ /*@__PURE__*/ (function (_super) {
     return ToolAction;
 }(Base));
 export { ToolAction };
+/**
+ * @hidden
+ */
+var ToolActionLabel = /** @class */ /*@__PURE__*/ (function (_super) {
+    tslib_1.__extends(ToolActionLabel, _super);
+    function ToolActionLabel() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    ToolActionLabel.prototype.get_f = function () {
+        return 4;
+    };
+    ToolActionLabel.prototype.bf = function (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);
+    };
+    ToolActionLabel.prototype.be = function (a, b) {
+        this.a9(this.b(false), this);
+    };
+    ToolActionLabel.prototype.bb = function (a, b, c, d) {
+        var _this = this;
+        _super.prototype.bb.call(this, a, b, c, d);
+        var 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], function (f) {
+                var g = f[0];
+                var h = f[1];
+                e.a0 = g;
+                _this.bf(e, g, h, a, b, c, d);
+            });
+            ;
+        }
+        else {
+            var f = e.a0;
+            var g = f.au(0);
+            this.bf(e, f, g, a, b, c, d);
+        }
+    };
+    ToolActionLabel.$t = markType(ToolActionLabel, 'ToolActionLabel', ToolAction.$);
+    return ToolActionLabel;
+}(ToolAction));
+export { ToolActionLabel };
+/**
+ * @hidden
+ */
+var ToolActionRadio = /** @class */ /*@__PURE__*/ (function (_super) {
+    tslib_1.__extends(ToolActionRadio, _super);
+    function ToolActionRadio() {
+        var _this = _super !== null && _super.apply(this, arguments) || this;
+        _this.bf = null;
+        _this.be = null;
+        return _this;
+    }
+    ToolActionRadio.prototype.get_f = function () {
+        return 6;
+    };
+    ToolActionRadio.prototype.b = function (a) {
+        var b = new ToolActionEventDetail();
+        b.a = this;
+        b.b = this.f;
+        b.d = a;
+        if (this.be != null) {
+            b.c = this.be.aw;
+        }
+        return b;
+    };
+    ToolActionRadio.prototype.x = function () {
+        return this.be.aw;
+    };
+    ToolActionRadio.prototype.bg = function () {
+        if (this.be != null) {
+            this.be.aw = false;
+        }
+    };
+    ToolActionRadio.prototype.o = function (a, b) {
+        return 30;
+    };
+    ToolActionRadio.prototype.bi = function (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);
+    };
+    ToolActionRadio.prototype.bh = function (a, b) {
+        this.a9(this.b(true), this);
+    };
+    ToolActionRadio.prototype.bb = function (a, b, c, d) {
+        var _this = this;
+        _super.prototype.bb.call(this, a, b, c, d);
+        var 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], function (f) {
+                var g = f[0];
+                var h = f[1];
+                var i = f[2];
+                e.a0 = g;
+                _this.bi(e, g, h, i, a, b, c, d);
+            });
+        }
+        else {
+            var f = e.a0;
+            var g = f.au(0);
+            var h = f.au(1);
+            this.bi(e, f, g, h, a, b, c, d);
+        }
+    };
+    ToolActionRadio.$t = markType(ToolActionRadio, 'ToolActionRadio', ToolAction.$);
+    return ToolActionRadio;
+}(ToolAction));
+export { ToolActionRadio };
 /**
  * @hidden
  */
@@ -627,7 +792,7 @@ var ToolActionSeparator = /** @class */ /*@__PURE__*/ (function (_super) {
         return _super !== null && _super.apply(this, arguments) || this;
     }
     ToolActionSeparator.prototype.get_f = function () {
-        return 5;
+        return 7;
     };
     ToolActionSeparator.prototype.a5 = function (a, b) {
         _super.prototype.a5.call(this, a, b);
@@ -713,14 +878,14 @@ var ToolActionIconButton = /** @class */ /*@__PURE__*/ (function (_super) {
             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);
@@ -774,9 +939,9 @@ var ToolActionGroupHeader = /** @class */ /*@__PURE__*/ (function (_super) {
             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);
@@ -789,8 +954,8 @@ var ToolActionGroupHeader = /** @class */ /*@__PURE__*/ (function (_super) {
         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);
     };
     ToolActionGroupHeader.prototype.bb = function (a, b, c, d) {
         var _this = this;
@@ -965,14 +1130,14 @@ var ToolActionIconMenu = /** @class */ /*@__PURE__*/ (function (_super) {
             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);
@@ -1044,19 +1209,19 @@ var ToolActionCheckbox = /** @class */ /*@__PURE__*/ (function (_super) {
             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;
@@ -1106,7 +1271,7 @@ var ToolActionNumberInput = /** @class */ /*@__PURE__*/ (function (_super) {
         return _this;
     }
     ToolActionNumberInput.prototype.get_f = function () {
-        return 4;
+        return 5;
     };
     ToolActionNumberInput.prototype.x = function () {
         return this.bf();
@@ -1123,19 +1288,19 @@ var ToolActionNumberInput = /** @class */ /*@__PURE__*/ (function (_super) {
             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;
@@ -1277,8 +1442,8 @@ var ToolPanel = /** @class */ /*@__PURE__*/ (function (_super) {
         _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;
@@ -1443,7 +1608,7 @@ var ToolPanel = /** @class */ /*@__PURE__*/ (function (_super) {
         }
         this.t = false;
         this.al();
-        this.a3();
+        this.a4();
         for (var a = 0; a < this.d.count; a++) {
             this.as(this.d._inner[a]);
         }
@@ -1470,6 +1635,15 @@ var ToolPanel = /** @class */ /*@__PURE__*/ (function (_super) {
                 }
             }
         }
+        for (var d = 0; d < this.d.count; d++) {
+            if (this.d._inner[d].f == 6) {
+                var 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]);
+            }
+        }
     };
     ToolPanel.prototype.u = function (a) {
         if (a.ao == null) {
@@ -1520,7 +1694,7 @@ var ToolPanel = /** @class */ /*@__PURE__*/ (function (_super) {
             }
         }
     };
-    ToolPanel.prototype.a3 = function () {
+    ToolPanel.prototype.a4 = function () {
         this.f = new ToolActionMeasurementContext();
         this.f.a = this.k;
         this.f.b = this.z;
@@ -1538,6 +1712,19 @@ var ToolPanel = /** @class */ /*@__PURE__*/ (function (_super) {
             this.b.bt();
         }
     };
+    ToolPanel.prototype.a3 = function (a) {
+        var b = a.bf;
+        var c = a.ao;
+        if (this.x != null) {
+            if (this.x.containsKey(b)) {
+                for (var 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();
+                    }
+                }
+            }
+        }
+    };
     ToolPanel.prototype.ar = function (a, b) {
         this.av();
     };
@@ -1603,28 +1790,28 @@ var ToolPanel = /** @class */ /*@__PURE__*/ (function (_super) {
                 break;
         }
     };
-    Object.defineProperty(ToolPanel.prototype, "a6", {
+    Object.defineProperty(ToolPanel.prototype, "a7", {
         get: function () {
-            return this.a4;
+            return this.a5;
         },
         set: function (a) {
-            var b = this.a4;
-            this.a4 = a;
-            if (b != this.a4) {
+            var b = this.a5;
+            this.a5 = a;
+            if (b != this.a5) {
                 this.ax("BackgroundColor", b, a);
             }
         },
         enumerable: true,
         configurable: true
     });
-    Object.defineProperty(ToolPanel.prototype, "a9", {
+    Object.defineProperty(ToolPanel.prototype, "ba", {
         get: function () {
-            return this.a5;
+            return this.a6;
         },
         set: function (a) {
-            var b = this.a5;
-            this.a5 = a;
-            if (b != this.a5) {
+            var b = this.a6;
+            this.a6 = a;
+            if (b != this.a6) {
                 this.ax("TextColor", b, a);
             }
         },
@@ -1653,10 +1840,13 @@ var ToolPanel = /** @class */ /*@__PURE__*/ (function (_super) {
                 return $ret;
             })()));
         }
+        if (a.f == 6) {
+            this.a3(a);
+        }
     };
     ToolPanel.$t = markType(ToolPanel, 'ToolPanel', Base.$, [INotifyPropertyChanged_$type]);
-    ToolPanel.a7 = BrushUtil.g(255, 248, 248, 248);
-    ToolPanel.a8 = BrushUtil.g(255, 24, 29, 31);
+    ToolPanel.a8 = BrushUtil.g(255, 248, 248, 248);
+    ToolPanel.a9 = BrushUtil.g(255, 24, 29, 31);
     ToolPanel.j = 0;
     return ToolPanel;
 }(Base));

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

@@ -307,6 +307,11 @@ var IgcListPanelComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         configurable: true
     });
     IgcListPanelComponent.prototype.findByName = function (name) {
+        if (this.findEphemera) {
+            if (name && name.indexOf("@@e:") == 0) {
+                return this.findEphemera(name);
+            }
+        }
         return null;
     };
     Object.defineProperty(IgcListPanelComponent.prototype, "hasUserValues", {
@@ -442,6 +447,7 @@ var IgcListPanelComponent = /** @class */ /*@__PURE__*/ (function (_super) {
                 }
             };
             this.i.contentRefreshed = delegateCombine(this.i.contentRefreshed, this._contentRefreshed_wrapped);
+            ;
         },
         enumerable: true,
         configurable: true
@@ -469,6 +475,7 @@ var IgcListPanelComponent = /** @class */ /*@__PURE__*/ (function (_super) {
                 }
             };
             this.i.rowUpdating = delegateCombine(this.i.rowUpdating, this._rowUpdating_wrapped);
+            ;
         },
         enumerable: true,
         configurable: true
@@ -496,6 +503,7 @@ var IgcListPanelComponent = /** @class */ /*@__PURE__*/ (function (_super) {
                 }
             };
             this.i.itemWidthRequested = delegateCombine(this.i.itemWidthRequested, this._itemWidthRequested_wrapped);
+            ;
         },
         enumerable: true,
         configurable: true
@@ -523,6 +531,7 @@ var IgcListPanelComponent = /** @class */ /*@__PURE__*/ (function (_super) {
                 }
             };
             this.i.itemHeightRequested = delegateCombine(this.i.itemHeightRequested, this._itemHeightRequested_wrapped);
+            ;
         },
         enumerable: true,
         configurable: true

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

@@ -67,6 +67,11 @@ var IgcListPanelItemModel = /** @class */ /*@__PURE__*/ (function () {
         configurable: true
     });
     IgcListPanelItemModel.prototype.findByName = function (name) {
+        if (this.findEphemera) {
+            if (name && name.indexOf("@@e:") == 0) {
+                return this.findEphemera(name);
+            }
+        }
         return null;
     };
     return IgcListPanelItemModel;

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

@@ -28,15 +28,21 @@ var IgcListPanelTemplateItemUpdatingEventArgs = /** @class */ /*@__PURE__*/ (fun
     };
     Object.defineProperty(IgcListPanelTemplateItemUpdatingEventArgs.prototype, "model", {
         get: function () {
-            if (this.i.a == null) {
+            var r = this.i.a;
+            if (r == null) {
                 return null;
             }
-            if (!this.i.a.externalObject) {
+            if (!r.externalObject) {
                 var 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: function (v) {
             v == null ? this.i.a = null : this.i.a = v.i;

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

@@ -316,6 +316,11 @@ var IgcPopupComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         configurable: true
     });
     IgcPopupComponent.prototype.findByName = function (name) {
+        if (this.findEphemera) {
+            if (name && name.indexOf("@@e:") == 0) {
+                return this.findEphemera(name);
+            }
+        }
         return null;
     };
     Object.defineProperty(IgcPopupComponent.prototype, "hasUserValues", {
@@ -424,6 +429,7 @@ var IgcPopupComponent = /** @class */ /*@__PURE__*/ (function (_super) {
                 }
             };
             this.i.onClosed = delegateCombine(this.i.onClosed, this._onClosed_wrapped);
+            ;
         },
         enumerable: true,
         configurable: true
@@ -454,6 +460,7 @@ var IgcPopupComponent = /** @class */ /*@__PURE__*/ (function (_super) {
                 }
             };
             this.i.onPopup = delegateCombine(this.i.onPopup, this._onPopup_wrapped);
+            ;
         },
         enumerable: true,
         configurable: true

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

@@ -27,10 +27,10 @@ var IgcPropertyEditorDataSource = /** @class */ /*@__PURE__*/ (function () {
     };
     Object.defineProperty(IgcPropertyEditorDataSource.prototype, "descriptionType", {
         get: function () {
-            return this.i.l;
+            return this.i.n;
         },
         set: function (v) {
-            this.i.l = v;
+            this.i.n = v;
         },
         enumerable: true,
         configurable: true
@@ -46,6 +46,11 @@ var IgcPropertyEditorDataSource = /** @class */ /*@__PURE__*/ (function () {
         configurable: true
     });
     IgcPropertyEditorDataSource.prototype.findByName = function (name) {
+        if (this.findEphemera) {
+            if (name && name.indexOf("@@e:") == 0) {
+                return this.findEphemera(name);
+            }
+        }
         return null;
     };
     return IgcPropertyEditorDataSource;

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

@@ -74,6 +74,11 @@ var IgcPropertyEditorDescriptionObject = /** @class */ /*@__PURE__*/ (function (
         configurable: true
     });
     IgcPropertyEditorDescriptionObject.prototype.findByName = function (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/esm5/lib/igc-property-editor-panel-component.js

@@ -452,6 +452,11 @@ var IgcPropertyEditorPanelComponent = /** @class */ /*@__PURE__*/ (function (_su
         configurable: true
     });
     IgcPropertyEditorPanelComponent.prototype.findByName = function (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);
         }