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

package/esm2015/lib/InputGroupView_combined.js

@@ -17,9 +17,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";
@@ -267,82 +267,93 @@ export let SuffixView = /*@__PURE__*/ (() => {
         constructor() {
             super();
             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;
         }
-        o() {
+        p() {
         }
-        d() {
+        e() {
             return true;
         }
-        get r() {
+        get s() {
             return null;
         }
-        m(a) {
+        n(a) {
             if (a == null) {
-                for (let b of fromEnum(this.e)) {
+                for (let b of fromEnum(this.f)) {
                     b();
                 }
-                this.e.clear();
+                this.f.clear();
             }
-            this.g = a;
-            this.g.rootWrapper.setStyleProperty("display", "inline-block");
-            let c = this.g.createElement("div");
+            this.h = a;
+            this.h.rootWrapper.setStyleProperty("display", "inline-block");
+            let 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", (d) => {
+            this.i = c;
+            this.h.getPortal(c, "ChildContent", (d) => {
             }, true);
             this.a.am();
         }
-        q() {
-            let a = new TransformGroup();
-            a.j.add(((() => {
+        r() {
+            let a = this.g();
+            if (isNaN_(a) || a == 0) {
+                if (!this.d) {
+                    this.d = true;
+                    this.h.setTimeout(() => {
+                        this.d = false;
+                        this.r();
+                    }, 100);
+                }
+            }
+            let b = new TransformGroup();
+            b.j.add(((() => {
                 let $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(((() => {
+            b.j.add(((() => {
                 let $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");
         }
-        f() {
-            let a = this.g.rootWrapper.getStyleProperty("height");
+        g() {
+            let a = this.h.rootWrapper.getStyleProperty("height");
             return parseFloat(stringReplace(a, "px", ""));
         }
-        p() {
-            if (this.d()) {
+        q() {
+            if (this.e()) {
             }
         }
-        i(a) {
+        j(a) {
             this.a.aj();
         }
-        j(a) {
+        k(a) {
             this.a.ak();
         }
-        l() {
+        m() {
             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)));
         }
-        n() {
+        o() {
             this.c = false;
-            for (let a of fromEnum(this.e)) {
+            for (let a of fromEnum(this.f)) {
                 a();
             }
-            this.e.clear();
+            this.f.clear();
         }
-        k(a) {
-            this.h.append(a);
+        l(a) {
+            this.i.append(a);
         }
     }
     SuffixView.$t = /*@__PURE__*/ markType(SuffixView, 'SuffixView');
@@ -356,82 +367,93 @@ export let PrefixView = /*@__PURE__*/ (() => {
         constructor() {
             super();
             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;
         }
-        o() {
+        p() {
         }
-        d() {
+        e() {
             return true;
         }
-        get r() {
+        get s() {
             return null;
         }
-        m(a) {
+        n(a) {
             if (a == null) {
-                for (let b of fromEnum(this.e)) {
+                for (let b of fromEnum(this.f)) {
                     b();
                 }
-                this.e.clear();
+                this.f.clear();
             }
-            this.g = a;
-            this.g.rootWrapper.setStyleProperty("display", "inline-block");
-            let c = this.g.createElement("div");
+            this.h = a;
+            this.h.rootWrapper.setStyleProperty("display", "inline-block");
+            let 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", (d) => {
+            this.i = c;
+            this.h.getPortal(c, "ChildContent", (d) => {
             }, true);
             this.a.am();
         }
-        q() {
-            let a = new TransformGroup();
-            a.j.add(((() => {
+        r() {
+            let a = this.g();
+            if (isNaN_(a) || a == 0) {
+                if (!this.d) {
+                    this.d = true;
+                    this.h.setTimeout(() => {
+                        this.d = false;
+                        this.r();
+                    }, 100);
+                }
+            }
+            let b = new TransformGroup();
+            b.j.add(((() => {
                 let $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(((() => {
+            b.j.add(((() => {
                 let $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");
         }
-        f() {
-            let a = this.g.rootWrapper.getStyleProperty("height");
+        g() {
+            let a = this.h.rootWrapper.getStyleProperty("height");
             return parseFloat(stringReplace(a, "px", ""));
         }
-        p() {
-            if (this.d()) {
+        q() {
+            if (this.e()) {
             }
         }
-        i(a) {
+        j(a) {
             this.a.aj();
         }
-        j(a) {
+        k(a) {
             this.a.ak();
         }
-        l() {
+        m() {
             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)));
         }
-        n() {
+        o() {
             this.c = false;
-            for (let a of fromEnum(this.e)) {
+            for (let a of fromEnum(this.f)) {
                 a();
             }
-            this.e.clear();
+            this.f.clear();
         }
-        k(a) {
-            this.h.append(a);
+        l(a) {
+            this.i.append(a);
         }
     }
     PrefixView.$t = /*@__PURE__*/ markType(PrefixView, 'PrefixView');
@@ -1154,7 +1176,7 @@ export let XSuffix = /*@__PURE__*/ (() => {
             let a = new SuffixView();
             a.a = this;
             this.view = a;
-            this.view.o();
+            this.view.p();
         }
         get view() {
             return this._view;
@@ -1187,10 +1209,10 @@ export let XSuffix = /*@__PURE__*/ (() => {
             }
         }
         al() {
-            this.view.q();
+            this.view.r();
         }
         ai() {
-            this.view.q();
+            this.view.r();
         }
         ap() {
         }
@@ -1245,13 +1267,13 @@ export let XSuffix = /*@__PURE__*/ (() => {
         am() {
         }
         onDetachedFromUI() {
-            this.view.n();
+            this.view.o();
         }
         onAttachedToUI() {
-            this.view.l();
+            this.view.m();
         }
         r() {
-            return this.view.d();
+            return this.view.e();
         }
         t() {
             return this.i();
@@ -1269,10 +1291,10 @@ export let XSuffix = /*@__PURE__*/ (() => {
             return a;
         }
         appendContentChild(a) {
-            this.view.k(a);
+            this.view.l(a);
         }
         provideContainer(a) {
-            this.view.m(a);
+            this.view.n(a);
         }
     }
     XSuffix.$t = /*@__PURE__*/ markType(XSuffix, 'XSuffix', XInputGroupItem.$);
@@ -1296,7 +1318,7 @@ export let XPrefix = /*@__PURE__*/ (() => {
             let a = new PrefixView();
             a.a = this;
             this.view = a;
-            this.view.o();
+            this.view.p();
         }
         get view() {
             return this._view;
@@ -1329,10 +1351,10 @@ export let XPrefix = /*@__PURE__*/ (() => {
             }
         }
         al() {
-            this.view.q();
+            this.view.r();
         }
         ai() {
-            this.view.q();
+            this.view.r();
         }
         ap() {
         }
@@ -1387,13 +1409,13 @@ export let XPrefix = /*@__PURE__*/ (() => {
         am() {
         }
         onDetachedFromUI() {
-            this.view.n();
+            this.view.o();
         }
         onAttachedToUI() {
-            this.view.l();
+            this.view.m();
         }
         r() {
-            return this.view.d();
+            return this.view.e();
         }
         t() {
             return this.i();
@@ -1411,10 +1433,10 @@ export let XPrefix = /*@__PURE__*/ (() => {
             return a;
         }
         appendContentChild(a) {
-            this.view.k(a);
+            this.view.l(a);
         }
         provideContainer(a) {
-            this.view.m(a);
+            this.view.n(a);
         }
     }
     XPrefix.$t = /*@__PURE__*/ markType(XPrefix, 'XPrefix', XInputGroupItem.$);
@@ -2145,8 +2167,8 @@ export let XInputGroup = /*@__PURE__*/ (() => {
         onChildrenMutated() {
             this.jr((a) => a.view.a8());
             this.js((a) => a.view.aj());
-            this.jt((a) => a.view.q());
-            this.ju((a) => a.view.q());
+            this.jt((a) => a.view.r());
+            this.ju((a) => a.view.r());
         }
         jp() {
             this.view.af();
@@ -3593,8 +3615,8 @@ export let XInputGroup = /*@__PURE__*/ (() => {
         ensureShift() {
             this.jr((a) => a.view.a8());
             this.js((a) => a.view.aj());
-            this.jt((a) => a.view.q());
-            this.ju((a) => a.view.q());
+            this.jt((a) => a.view.r());
+            this.ju((a) => a.view.r());
         }
         aq() {
             return this.view.g();

package/esm2015/lib/MultiSliderBridge.js

@@ -68,15 +68,15 @@ export let MultiSliderBridge = /*@__PURE__*/ (() => {
             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:
                     let c = a.e;
                     switch (c) {
@@ -116,10 +116,10 @@ export let MultiSliderBridge = /*@__PURE__*/ (() => {
                 case 13:
                     a.bf = c;
                     break;
-                case 94:
+                case 95:
                     a.bv = c;
                     break;
-                case 95:
+                case 96:
                     a.bu = c;
                     break;
                 case 14:
@@ -128,19 +128,19 @@ export let MultiSliderBridge = /*@__PURE__*/ (() => {
                 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/esm2015/lib/NativeUIXInputsFactory_combined.js

@@ -149,7 +149,7 @@ export let NativeUIXInputsFactory = /*@__PURE__*/ (() => {
             let e = c.getSubRenderer(d);
             let f = new XButton();
             f.provideContainer(e);
-            f.ff = "none";
+            f.fj = "none";
             let g = e.getExternal(f, e.rootWrapper, e.getExternal(f, null, null));
             let h = new XButtonBridge(f);
             let i = new NativeUIButton();
@@ -227,7 +227,7 @@ export let NativeUIXInputsFactory = /*@__PURE__*/ (() => {
             let l = new XButton();
             l.provideContainer(k);
             l.e = 4;
-            l.ff = "none";
+            l.fj = "none";
             let m = k.getExternal(l, k.rootWrapper, k.getExternal(l, null, null));
             let n = new XButtonBridge(l);
             let o = new NativeUIButton();
@@ -1581,9 +1581,9 @@ export let ColorEditorPanel = /*@__PURE__*/ (() => {
                 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/esm2015/lib/XButtonBridge.js

@@ -181,43 +181,46 @@ export let XButtonBridge = /*@__PURE__*/ (() => {
                     }
                     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;
             }
         }
@@ -245,38 +248,39 @@ export let XButtonBridge = /*@__PURE__*/ (() => {
                         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;
         }
         setHorizontalContentAlignment(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;
             }
         }
         getHorizontalContentAlignment(a) {
-            switch (this.t.k7) {
+            switch (this.t.le) {
                 case 1: return 1;
                 case 0: return 0;
                 case 2: return 2;
@@ -286,21 +290,21 @@ export let XButtonBridge = /*@__PURE__*/ (() => {
         setVerticalContentAlignment(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;
             }
         }
         getVerticalContentAlignment(a) {
-            switch (this.t.rb) {
+            switch (this.t.ri) {
                 case 2: return 2;
                 case 1: return 1;
                 case 0: return 0;
@@ -308,7 +312,7 @@ export let XButtonBridge = /*@__PURE__*/ (() => {
             }
         }
         exportVisualData(a) {
-            return a.d7();
+            return a.eb();
         }
     }
     XButtonBridge.$t = /*@__PURE__*/ markType(XButtonBridge, 'XButtonBridge', XComponentBridge.$);

package/esm2015/lib/XButtonGroupBridge.js

@@ -80,7 +80,7 @@ export let XButtonGroupBridge = /*@__PURE__*/ (() => {
                     }
                     return enumGetBox(NativeUIDisplayDensity_$type, e);
                 case 18: return enumGetBox(BaseControlTheme_$type, c.p);
-                case 84: return c.d;
+                case 85: return c.d;
                 case 0:
                     switch (c.i) {
                         case 0: return enumGetBox(NativeUIButtonGroupDisplayType_$type, 0);
@@ -120,7 +120,7 @@ export let XButtonGroupBridge = /*@__PURE__*/ (() => {
                 case 18:
                     d.p = EnumUtil.getEnumValue(BaseControlTheme_$type, c);
                     break;
-                case 84:
+                case 85:
                     d.d = c;
                     break;
                 case 0: