igniteui-webcomponents-inputs 5.2.0 → 5.2.1-beta.0

package/esm5/lib/InputGroupView_combined.js

@@ -18,9 +18,9 @@ import { stringReplace, stringIsNullOrEmpty } from "igniteui-webcomponents-core"
 import { TransformGroup } from "igniteui-webcomponents-core";
 import { TranslateTransform } from "igniteui-webcomponents-core";
 import { SuffixShiftType_$type } from "./SuffixShiftType";
+import { isNaN_ } from "igniteui-webcomponents-core";
 import { PrefixShiftType_$type } from "./PrefixShiftType";
 import { LabelShiftType_$type } from "./LabelShiftType";
-import { isNaN_ } from "igniteui-webcomponents-core";
 import { HorizontalAlignment_$type } from "igniteui-webcomponents-core";
 import { MouseButtonEventArgs } from "igniteui-webcomponents-core";
 import { KeyEventArgs } from "igniteui-webcomponents-core";
@@ -336,30 +336,31 @@ var SuffixView = /** @class */ /*@__PURE__*/ (function (_super) {
     function SuffixView() {
         var _this = _super.call(this) || this;
         _this.a = null;
-        _this.g = null;
+        _this.h = null;
         _this.b = null;
-        _this.e = new List$1(Delegate_$type, 0);
+        _this.f = new List$1(Delegate_$type, 0);
+        _this.d = false;
         _this.c = true;
-        _this.h = null;
+        _this.i = null;
         return _this;
     }
-    SuffixView.prototype.o = function () {
+    SuffixView.prototype.p = function () {
     };
-    SuffixView.prototype.d = function () {
+    SuffixView.prototype.e = function () {
         return true;
     };
-    Object.defineProperty(SuffixView.prototype, "r", {
+    Object.defineProperty(SuffixView.prototype, "s", {
         get: function () {
             return null;
         },
         enumerable: false,
         configurable: true
     });
-    SuffixView.prototype.m = function (a) {
+    SuffixView.prototype.n = function (a) {
         var e_3, _a;
         if (a == null) {
             try {
-                for (var _b = __values(fromEnum(this.e)), _c = _b.next(); !_c.done; _c = _b.next()) {
+                for (var _b = __values(fromEnum(this.f)), _c = _b.next(); !_c.done; _c = _b.next()) {
                     var b = _c.value;
                     b();
                 }
@@ -377,60 +378,70 @@ var SuffixView = /** @class */ /*@__PURE__*/ (function (_super) {
                         throw e_3.error;
                 }
             }
-            this.e.clear();
+            this.f.clear();
         }
-        this.g = a;
-        this.g.rootWrapper.setStyleProperty("display", "inline-block");
-        var c = this.g.createElement("div");
+        this.h = a;
+        this.h.rootWrapper.setStyleProperty("display", "inline-block");
+        var c = this.h.createElement("div");
         c.addClass("ig-suffix-content");
-        this.g.append(c);
+        this.h.append(c);
         c.setStyleProperty("cursor", "pointer");
-        this.h = c;
-        this.g.getPortal(c, "ChildContent", function (d) {
+        this.i = c;
+        this.h.getPortal(c, "ChildContent", function (d) {
         }, true);
         this.a.am();
     };
-    SuffixView.prototype.q = function () {
+    SuffixView.prototype.r = function () {
         var _this = this;
-        var a = new TransformGroup();
-        a.j.add(((function () {
+        var a = this.g();
+        if (isNaN_(a) || a == 0) {
+            if (!this.d) {
+                this.d = true;
+                this.h.setTimeout(function () {
+                    _this.d = false;
+                    _this.r();
+                }, 100);
+            }
+        }
+        var b = new TransformGroup();
+        b.j.add(((function () {
             var $ret = new TranslateTransform();
-            $ret.k = _this.a.k == 2 ? (_this.f() * -0.25) : 0;
+            $ret.k = _this.a.k == 2 ? (_this.g() * -0.25) : 0;
             return $ret;
         })()));
-        a.j.add(((function () {
+        b.j.add(((function () {
             var $ret = new ScaleTransform();
             $ret.l = 1;
             $ret.m = 1;
             return $ret;
         })()));
-        NativeUI.af(this.g.rootWrapper, a);
-        this.g.rootWrapper.setStyleProperty("transform-origin", "0px 0px");
+        NativeUI.af(this.h.rootWrapper, b);
+        this.h.rootWrapper.setStyleProperty("transform-origin", "0px 0px");
     };
-    SuffixView.prototype.f = function () {
-        var a = this.g.rootWrapper.getStyleProperty("height");
+    SuffixView.prototype.g = function () {
+        var a = this.h.rootWrapper.getStyleProperty("height");
         return parseFloat(stringReplace(a, "px", ""));
     };
-    SuffixView.prototype.p = function () {
-        if (this.d()) {
+    SuffixView.prototype.q = function () {
+        if (this.e()) {
         }
     };
-    SuffixView.prototype.i = function (a) {
+    SuffixView.prototype.j = function (a) {
         this.a.aj();
     };
-    SuffixView.prototype.j = function (a) {
+    SuffixView.prototype.k = function (a) {
         this.a.ak();
     };
-    SuffixView.prototype.l = function () {
+    SuffixView.prototype.m = function () {
         this.c = true;
-        this.e.add(this.g.rootWrapper.listen("mouseenter", runOn(this, this.i)));
-        this.e.add(this.g.rootWrapper.listen("mouseleave", runOn(this, this.j)));
+        this.f.add(this.h.rootWrapper.listen("mouseenter", runOn(this, this.j)));
+        this.f.add(this.h.rootWrapper.listen("mouseleave", runOn(this, this.k)));
     };
-    SuffixView.prototype.n = function () {
+    SuffixView.prototype.o = function () {
         var e_4, _a;
         this.c = false;
         try {
-            for (var _b = __values(fromEnum(this.e)), _c = _b.next(); !_c.done; _c = _b.next()) {
+            for (var _b = __values(fromEnum(this.f)), _c = _b.next(); !_c.done; _c = _b.next()) {
                 var a = _c.value;
                 a();
             }
@@ -448,10 +459,10 @@ var SuffixView = /** @class */ /*@__PURE__*/ (function (_super) {
                     throw e_4.error;
             }
         }
-        this.e.clear();
+        this.f.clear();
     };
-    SuffixView.prototype.k = function (a) {
-        this.h.append(a);
+    SuffixView.prototype.l = function (a) {
+        this.i.append(a);
     };
     SuffixView.$t = markType(SuffixView, 'SuffixView');
     return SuffixView;
@@ -465,30 +476,31 @@ var PrefixView = /** @class */ /*@__PURE__*/ (function (_super) {
     function PrefixView() {
         var _this = _super.call(this) || this;
         _this.a = null;
-        _this.g = null;
+        _this.h = null;
         _this.b = null;
-        _this.e = new List$1(Delegate_$type, 0);
+        _this.f = new List$1(Delegate_$type, 0);
+        _this.d = false;
         _this.c = true;
-        _this.h = null;
+        _this.i = null;
         return _this;
     }
-    PrefixView.prototype.o = function () {
+    PrefixView.prototype.p = function () {
     };
-    PrefixView.prototype.d = function () {
+    PrefixView.prototype.e = function () {
         return true;
     };
-    Object.defineProperty(PrefixView.prototype, "r", {
+    Object.defineProperty(PrefixView.prototype, "s", {
         get: function () {
             return null;
         },
         enumerable: false,
         configurable: true
     });
-    PrefixView.prototype.m = function (a) {
+    PrefixView.prototype.n = function (a) {
         var e_5, _a;
         if (a == null) {
             try {
-                for (var _b = __values(fromEnum(this.e)), _c = _b.next(); !_c.done; _c = _b.next()) {
+                for (var _b = __values(fromEnum(this.f)), _c = _b.next(); !_c.done; _c = _b.next()) {
                     var b = _c.value;
                     b();
                 }
@@ -506,60 +518,70 @@ var PrefixView = /** @class */ /*@__PURE__*/ (function (_super) {
                         throw e_5.error;
                 }
             }
-            this.e.clear();
+            this.f.clear();
         }
-        this.g = a;
-        this.g.rootWrapper.setStyleProperty("display", "inline-block");
-        var c = this.g.createElement("div");
+        this.h = a;
+        this.h.rootWrapper.setStyleProperty("display", "inline-block");
+        var c = this.h.createElement("div");
         c.addClass("ig-prefix-content");
-        this.g.append(c);
+        this.h.append(c);
         c.setStyleProperty("cursor", "pointer");
-        this.h = c;
-        this.g.getPortal(c, "ChildContent", function (d) {
+        this.i = c;
+        this.h.getPortal(c, "ChildContent", function (d) {
         }, true);
         this.a.am();
     };
-    PrefixView.prototype.q = function () {
+    PrefixView.prototype.r = function () {
         var _this = this;
-        var a = new TransformGroup();
-        a.j.add(((function () {
+        var a = this.g();
+        if (isNaN_(a) || a == 0) {
+            if (!this.d) {
+                this.d = true;
+                this.h.setTimeout(function () {
+                    _this.d = false;
+                    _this.r();
+                }, 100);
+            }
+        }
+        var b = new TransformGroup();
+        b.j.add(((function () {
             var $ret = new TranslateTransform();
-            $ret.k = _this.a.k == 2 ? (_this.f() * -0.25) : 0;
+            $ret.k = _this.a.k == 2 ? (_this.g() * -0.25) : 0;
             return $ret;
         })()));
-        a.j.add(((function () {
+        b.j.add(((function () {
             var $ret = new ScaleTransform();
             $ret.l = 1;
             $ret.m = 1;
             return $ret;
         })()));
-        NativeUI.af(this.g.rootWrapper, a);
-        this.g.rootWrapper.setStyleProperty("transform-origin", "0px 0px");
+        NativeUI.af(this.h.rootWrapper, b);
+        this.h.rootWrapper.setStyleProperty("transform-origin", "0px 0px");
     };
-    PrefixView.prototype.f = function () {
-        var a = this.g.rootWrapper.getStyleProperty("height");
+    PrefixView.prototype.g = function () {
+        var a = this.h.rootWrapper.getStyleProperty("height");
         return parseFloat(stringReplace(a, "px", ""));
     };
-    PrefixView.prototype.p = function () {
-        if (this.d()) {
+    PrefixView.prototype.q = function () {
+        if (this.e()) {
         }
     };
-    PrefixView.prototype.i = function (a) {
+    PrefixView.prototype.j = function (a) {
         this.a.aj();
     };
-    PrefixView.prototype.j = function (a) {
+    PrefixView.prototype.k = function (a) {
         this.a.ak();
     };
-    PrefixView.prototype.l = function () {
+    PrefixView.prototype.m = function () {
         this.c = true;
-        this.e.add(this.g.rootWrapper.listen("mouseenter", runOn(this, this.i)));
-        this.e.add(this.g.rootWrapper.listen("mouseleave", runOn(this, this.j)));
+        this.f.add(this.h.rootWrapper.listen("mouseenter", runOn(this, this.j)));
+        this.f.add(this.h.rootWrapper.listen("mouseleave", runOn(this, this.k)));
     };
-    PrefixView.prototype.n = function () {
+    PrefixView.prototype.o = function () {
         var e_6, _a;
         this.c = false;
         try {
-            for (var _b = __values(fromEnum(this.e)), _c = _b.next(); !_c.done; _c = _b.next()) {
+            for (var _b = __values(fromEnum(this.f)), _c = _b.next(); !_c.done; _c = _b.next()) {
                 var a = _c.value;
                 a();
             }
@@ -577,10 +599,10 @@ var PrefixView = /** @class */ /*@__PURE__*/ (function (_super) {
                     throw e_6.error;
             }
         }
-        this.e.clear();
+        this.f.clear();
     };
-    PrefixView.prototype.k = function (a) {
-        this.h.append(a);
+    PrefixView.prototype.l = function (a) {
+        this.i.append(a);
     };
     PrefixView.$t = markType(PrefixView, 'PrefixView');
     return PrefixView;
@@ -1408,7 +1430,7 @@ var XSuffix = /** @class */ /*@__PURE__*/ (function (_super) {
         var a = new SuffixView();
         a.a = _this;
         _this.view = a;
-        _this.view.o();
+        _this.view.p();
         return _this;
     }
     Object.defineProperty(XSuffix.prototype, "view", {
@@ -1450,10 +1472,10 @@ var XSuffix = /** @class */ /*@__PURE__*/ (function (_super) {
         }
     };
     XSuffix.prototype.al = function () {
-        this.view.q();
+        this.view.r();
     };
     XSuffix.prototype.ai = function () {
-        this.view.q();
+        this.view.r();
     };
     XSuffix.prototype.ap = function () {
     };
@@ -1524,13 +1546,13 @@ var XSuffix = /** @class */ /*@__PURE__*/ (function (_super) {
     XSuffix.prototype.am = function () {
     };
     XSuffix.prototype.onDetachedFromUI = function () {
-        this.view.n();
+        this.view.o();
     };
     XSuffix.prototype.onAttachedToUI = function () {
-        this.view.l();
+        this.view.m();
     };
     XSuffix.prototype.r = function () {
-        return this.view.d();
+        return this.view.e();
     };
     XSuffix.prototype.t = function () {
         return this.i();
@@ -1548,10 +1570,10 @@ var XSuffix = /** @class */ /*@__PURE__*/ (function (_super) {
         return a;
     };
     XSuffix.prototype.appendContentChild = function (a) {
-        this.view.k(a);
+        this.view.l(a);
     };
     XSuffix.prototype.provideContainer = function (a) {
-        this.view.m(a);
+        this.view.n(a);
     };
     XSuffix.$t = markType(XSuffix, 'XSuffix', XInputGroupItem.$);
     XSuffix.s = 0;
@@ -1575,7 +1597,7 @@ var XPrefix = /** @class */ /*@__PURE__*/ (function (_super) {
         var a = new PrefixView();
         a.a = _this;
         _this.view = a;
-        _this.view.o();
+        _this.view.p();
         return _this;
     }
     Object.defineProperty(XPrefix.prototype, "view", {
@@ -1617,10 +1639,10 @@ var XPrefix = /** @class */ /*@__PURE__*/ (function (_super) {
         }
     };
     XPrefix.prototype.al = function () {
-        this.view.q();
+        this.view.r();
     };
     XPrefix.prototype.ai = function () {
-        this.view.q();
+        this.view.r();
     };
     XPrefix.prototype.ap = function () {
     };
@@ -1691,13 +1713,13 @@ var XPrefix = /** @class */ /*@__PURE__*/ (function (_super) {
     XPrefix.prototype.am = function () {
     };
     XPrefix.prototype.onDetachedFromUI = function () {
-        this.view.n();
+        this.view.o();
     };
     XPrefix.prototype.onAttachedToUI = function () {
-        this.view.l();
+        this.view.m();
     };
     XPrefix.prototype.r = function () {
-        return this.view.d();
+        return this.view.e();
     };
     XPrefix.prototype.t = function () {
         return this.i();
@@ -1715,10 +1737,10 @@ var XPrefix = /** @class */ /*@__PURE__*/ (function (_super) {
         return a;
     };
     XPrefix.prototype.appendContentChild = function (a) {
-        this.view.k(a);
+        this.view.l(a);
     };
     XPrefix.prototype.provideContainer = function (a) {
-        this.view.m(a);
+        this.view.n(a);
     };
     XPrefix.$t = markType(XPrefix, 'XPrefix', XInputGroupItem.$);
     XPrefix.s = 0;
@@ -2512,8 +2534,8 @@ var XInputGroup = /** @class */ /*@__PURE__*/ (function (_super) {
     XInputGroup.prototype.onChildrenMutated = function () {
         this.jr(function (a) { return a.view.a8(); });
         this.js(function (a) { return a.view.aj(); });
-        this.jt(function (a) { return a.view.q(); });
-        this.ju(function (a) { return a.view.q(); });
+        this.jt(function (a) { return a.view.r(); });
+        this.ju(function (a) { return a.view.r(); });
     };
     XInputGroup.prototype.jp = function () {
         this.view.af();
@@ -4446,8 +4468,8 @@ var XInputGroup = /** @class */ /*@__PURE__*/ (function (_super) {
     XInputGroup.prototype.ensureShift = function () {
         this.jr(function (a) { return a.view.a8(); });
         this.js(function (a) { return a.view.aj(); });
-        this.jt(function (a) { return a.view.q(); });
-        this.ju(function (a) { return a.view.q(); });
+        this.jt(function (a) { return a.view.r(); });
+        this.ju(function (a) { return a.view.r(); });
     };
     XInputGroup.prototype.aq = function () {
         return this.view.g();

package/esm5/lib/MultiSliderBridge.js

@@ -70,15 +70,15 @@ var MultiSliderBridge = /** @class */ /*@__PURE__*/ (function (_super) {
         switch (b) {
             case 12: return a.bg;
             case 13: return a.bf;
-            case 94: return a.bv;
-            case 95: return a.bf;
+            case 95: return a.bv;
+            case 96: return a.bf;
             case 14: return a.bl;
             case 2: return a.thumbs._inner[0].s;
-            case 89: return a.b0;
-            case 90: return a.ek;
-            case 91: return a.es;
-            case 93: return a.eu;
-            case 92: return a.et;
+            case 90: return a.b0;
+            case 91: return a.ek;
+            case 92: return a.es;
+            case 94: return a.eu;
+            case 93: return a.et;
             case 30:
                 var c = a.e;
                 switch (c) {
@@ -118,10 +118,10 @@ var MultiSliderBridge = /** @class */ /*@__PURE__*/ (function (_super) {
             case 13:
                 a.bf = c;
                 break;
-            case 94:
+            case 95:
                 a.bv = c;
                 break;
-            case 95:
+            case 96:
                 a.bu = c;
                 break;
             case 14:
@@ -130,19 +130,19 @@ var MultiSliderBridge = /** @class */ /*@__PURE__*/ (function (_super) {
             case 2:
                 a.thumbs._inner[0].s = c;
                 break;
-            case 89:
+            case 90:
                 a.b0 = c;
                 break;
-            case 90:
+            case 91:
                 a.ek = c;
                 break;
-            case 91:
+            case 92:
                 a.es = c;
                 break;
-            case 93:
+            case 94:
                 a.eu = c;
                 break;
-            case 92:
+            case 93:
                 a.et = c;
                 break;
             case 30:

package/esm5/lib/NativeUIXInputsFactory_combined.js

@@ -159,7 +159,7 @@ var NativeUIXInputsFactory = /** @class */ /*@__PURE__*/ (function (_super) {
         var e = c.getSubRenderer(d);
         var f = new XButton();
         f.provideContainer(e);
-        f.ff = "none";
+        f.fj = "none";
         var g = e.getExternal(f, e.rootWrapper, e.getExternal(f, null, null));
         var h = new XButtonBridge(f);
         var i = new NativeUIButton();
@@ -237,7 +237,7 @@ var NativeUIXInputsFactory = /** @class */ /*@__PURE__*/ (function (_super) {
         var l = new XButton();
         l.provideContainer(k);
         l.e = 4;
-        l.ff = "none";
+        l.fj = "none";
         var m = k.getExternal(l, k.rootWrapper, k.getExternal(l, null, null));
         var n = new XButtonBridge(l);
         var o = new NativeUIButton();
@@ -1761,9 +1761,9 @@ var ColorEditorPanel = /** @class */ /*@__PURE__*/ (function (_super) {
             g.bw = BrushUtil.h(0, 0, 0, 0);
             g.bh = new Thickness(1, 0, 5, 5, 0);
             f.bh = new Thickness(1, 0, 5, 5, 0);
-            l.by = "Ok";
+            l.bz = "Ok";
             l.c = _this.f;
-            m.by = "Cancel";
+            m.bz = "Cancel";
             m.c = _this.f;
             i.bh = new Thickness(1, 5, 0, 5, 2);
             h.bh = new Thickness(1, 5, 0, 5, 2);

package/esm5/lib/XButtonBridge.js

@@ -183,43 +183,46 @@ var XButtonBridge = /** @class */ /*@__PURE__*/ (function (_super) {
                 }
                 break;
             case 4:
-                d.at = c;
+                d.aw = c;
                 break;
             case 32:
                 d.disabled = c;
                 break;
             case 5:
-                d.ar = c;
+                d.au = c;
                 break;
             case 6:
-                d.az = !c;
+                d.a2 = !c;
                 break;
             case 24:
-                d.p9 = c;
+                d.qg = c;
                 break;
             case 55:
-                d.bi = c.left;
-                d.bk = c.top;
-                d.bj = c.right;
-                d.bh = c.bottom;
+                d.bm = c.left;
+                d.bo = c.top;
+                d.bn = c.right;
+                d.bl = c.bottom;
                 break;
             case 57:
-                d.av = c;
+                d.ay = c;
                 break;
             case 56:
-                d.as = c;
+                d.av = c;
                 break;
             case 58:
-                d.aq = c;
+                d.at = c;
                 break;
             case 17:
-                d.ku = c;
+                d.k1 = c;
                 break;
             case 11:
                 d.aa = c;
                 break;
-            case 85:
-                d.bu = c;
+            case 86:
+                d.by = c;
+                break;
+            case 59:
+                d.a5 = c;
                 break;
         }
     };
@@ -247,38 +250,39 @@ var XButtonBridge = /** @class */ /*@__PURE__*/ (function (_super) {
                     case 0: return enumGetBox(NativeUIButtonDisplayType_$type, 0);
                 }
                 return enumGetBox(NativeUIButtonDisplayType_$type, 0);
-            case 4: return c.at;
+            case 4: return c.aw;
             case 32: return c.disabled;
-            case 5: return c.ar;
-            case 6: return !c.az;
-            case 24: return c.p9;
-            case 55: return new Thickness(1, c.bi, c.bk, c.bj, c.bh);
-            case 57: return c.av;
-            case 56: return c.as;
-            case 58: return c.aq;
-            case 17: return c.ku;
-            case 85: return c.bu;
+            case 5: return c.au;
+            case 6: return !c.a2;
+            case 24: return c.qg;
+            case 55: return new Thickness(1, c.bm, c.bo, c.bn, c.bl);
+            case 57: return c.ay;
+            case 56: return c.av;
+            case 58: return c.at;
+            case 17: return c.k1;
+            case 86: return c.by;
+            case 59: return c.a5;
         }
         return null;
     };
     XButtonBridge.prototype.setHorizontalContentAlignment = function (a, b) {
         switch (b) {
             case 1:
-                this.t.k7 = 1;
+                this.t.le = 1;
                 break;
             case 0:
-                this.t.k7 = 0;
+                this.t.le = 0;
                 break;
             case 2:
-                this.t.k7 = 2;
+                this.t.le = 2;
                 break;
             case 3:
-                this.t.k7 = 3;
+                this.t.le = 3;
                 break;
         }
     };
     XButtonBridge.prototype.getHorizontalContentAlignment = function (a) {
-        switch (this.t.k7) {
+        switch (this.t.le) {
             case 1: return 1;
             case 0: return 0;
             case 2: return 2;
@@ -288,21 +292,21 @@ var XButtonBridge = /** @class */ /*@__PURE__*/ (function (_super) {
     XButtonBridge.prototype.setVerticalContentAlignment = function (a, b) {
         switch (b) {
             case 2:
-                this.t.rb = 2;
+                this.t.ri = 2;
                 break;
             case 1:
-                this.t.rb = 1;
+                this.t.ri = 1;
                 break;
             case 3:
-                this.t.rb = 3;
+                this.t.ri = 3;
                 break;
             case 0:
-                this.t.rb = 0;
+                this.t.ri = 0;
                 break;
         }
     };
     XButtonBridge.prototype.getVerticalContentAlignment = function (a) {
-        switch (this.t.rb) {
+        switch (this.t.ri) {
             case 2: return 2;
             case 1: return 1;
             case 0: return 0;
@@ -310,7 +314,7 @@ var XButtonBridge = /** @class */ /*@__PURE__*/ (function (_super) {
         }
     };
     XButtonBridge.prototype.exportVisualData = function (a) {
-        return a.d7();
+        return a.eb();
     };
     XButtonBridge.$t = markType(XButtonBridge, 'XButtonBridge', XComponentBridge.$);
     return XButtonBridge;