igniteui-webcomponents-inputs 1.4.2 → 3.2.2

package/esm5/lib/InputGroupView_combined.js

@@ -672,7 +672,7 @@ var LabelView = /** @class */ /*@__PURE__*/ (function (_super) {
         NativeUI.o(this.k.rootWrapper, this.c.cz);
         c.setStyleProperty("outline-style", "none");
         c.setStyleProperty("box-shadow", "none");
-        c.setStyleProperty("font-family", "'Segoe UI', Verdana");
+        c.setStyleProperty("font-family", "Verdana");
         c.setStyleProperty("font-size", "1rem");
         this.l = c;
         this.k.append(this.l);
@@ -868,7 +868,7 @@ var InputView = /** @class */ /*@__PURE__*/ (function (_super) {
         enumerable: true,
         configurable: true
     });
-    Object.defineProperty(InputView.prototype, "a4", {
+    Object.defineProperty(InputView.prototype, "a5", {
         get: function () {
             return null;
         },
@@ -933,7 +933,7 @@ var InputView = /** @class */ /*@__PURE__*/ (function (_super) {
         c.setStyleProperty("box-shadow", "none");
         c.setStyleProperty("border-top", "0.1875rem solid transparent");
         c.setStyleProperty("padding-bottom", "0.1875rem");
-        c.setStyleProperty("font-family", "'Segoe UI', Verdana");
+        c.setStyleProperty("font-family", "Verdana");
         c.setStyleProperty("font-size", "1rem");
         this.h.add(c.listen("change", runOn(this, this.v)));
         this.h.add(c.listen("input", runOn(this, this.w)));
@@ -955,7 +955,7 @@ var InputView = /** @class */ /*@__PURE__*/ (function (_super) {
         this.j.append(this.k);
         this.b.dd();
     };
-    InputView.prototype.av = function (a) {
+    InputView.prototype.aw = function (a) {
         if (a) {
             this.k.setAttribute("readonly", a.toString());
         }
@@ -991,7 +991,7 @@ var InputView = /** @class */ /*@__PURE__*/ (function (_super) {
     InputView.prototype.aq = function () {
         this.k.setAttribute("placeholder", this.b.cb);
     };
-    InputView.prototype.a0 = function () {
+    InputView.prototype.a1 = function () {
         switch (this.b.w) {
             case 1:
                 this.k.setStyleProperty("height", "2rem");
@@ -1007,7 +1007,7 @@ var InputView = /** @class */ /*@__PURE__*/ (function (_super) {
                 break;
         }
     };
-    InputView.prototype.az = function () {
+    InputView.prototype.a0 = function () {
         var _this = this;
         var a = new TransformGroup();
         a.j.add(((function () {
@@ -1032,6 +1032,9 @@ var InputView = /** @class */ /*@__PURE__*/ (function (_super) {
     InputView.prototype.at = function (a) {
         this.k.setProperty("value", a);
     };
+    InputView.prototype.av = function (a) {
+        this.k.setAttribute("name", a);
+    };
     InputView.prototype.u = function (a) {
         this.b.cr();
     };
@@ -1039,20 +1042,20 @@ var InputView = /** @class */ /*@__PURE__*/ (function (_super) {
         this.b.cz();
     };
     InputView.prototype.af = function (a) {
-        var b = this.a3(a);
+        var b = this.a4(a);
         this.b.c5(b);
         if (b.handled) {
             a.preventDefault();
         }
     };
     InputView.prototype.ag = function (a) {
-        var b = this.a3(a);
+        var b = this.a4(a);
         this.b.c8(b);
         if (b.handled) {
             a.preventDefault();
         }
     };
-    InputView.prototype.a3 = function (a) {
+    InputView.prototype.a4 = function (a) {
         var b = new MouseButtonEventArgs();
         b.position = { $type: Point_$type, x: a.offsetX, y: a.offsetY };
         return b;
@@ -1084,7 +1087,7 @@ var InputView = /** @class */ /*@__PURE__*/ (function (_super) {
     InputView.prototype.aa = function (a) {
         this.b.cy();
     };
-    InputView.prototype.a1 = function (a) {
+    InputView.prototype.a2 = function (a) {
         if (this.p != a) {
             this.p = a;
             if (this.l != null) {
@@ -1105,10 +1108,10 @@ var InputView = /** @class */ /*@__PURE__*/ (function (_super) {
         var a = this.k.getProperty("selectionEnd");
         return typeGetValue(a);
     };
-    InputView.prototype.ay = function (a) {
+    InputView.prototype.az = function (a) {
         this.k.setProperty("selectionStart", a);
     };
-    InputView.prototype.aw = function (a) {
+    InputView.prototype.ax = function (a) {
         this.k.setProperty("selectionEnd", a);
     };
     InputView.prototype.ap = function () {
@@ -1162,7 +1165,7 @@ var InputView = /** @class */ /*@__PURE__*/ (function (_super) {
         }
         this.h.clear();
     };
-    InputView.prototype.a2 = function (a) {
+    InputView.prototype.a3 = function (a) {
         if (a != null) {
             this.k.setStyleProperty("font", a.fontString);
         }
@@ -1184,7 +1187,7 @@ var InputView = /** @class */ /*@__PURE__*/ (function (_super) {
             nativeInput_.getNativeElement().select();
         }
     };
-    InputView.prototype.ax = function (a, b) {
+    InputView.prototype.ay = function (a, b) {
         if (this.k != null) {
             var c = this.k.getNativeElement();
             c.setSelectionRange(a, b);
@@ -2160,7 +2163,7 @@ var XInputGroup = /** @class */ /*@__PURE__*/ (function (_super) {
         return new CornerRadius(1, !isNaN_(a.c) ? a.c : b.c, !isNaN_(a.d) ? a.d : b.d, !isNaN_(a.b) ? a.b : b.b, !isNaN_(a.a) ? a.a : b.a);
     };
     XInputGroup.tj = function (a, b) {
-        return new Thickness(1, !isNaN_(a.c) ? a.c : b.c, !isNaN_(a.e) ? a.e : b.e, !isNaN_(a.d) ? a.d : b.d, !isNaN_(a.b) ? a.b : b.b);
+        return new Thickness(1, !isNaN_(a.left) ? a.left : b.left, !isNaN_(a.top) ? a.top : b.top, !isNaN_(a.right) ? a.right : b.right, !isNaN_(a.bottom) ? a.bottom : b.bottom);
     };
     XInputGroup.prototype.mq = function () {
         var _this = this;
@@ -2390,7 +2393,7 @@ var XInputGroup = /** @class */ /*@__PURE__*/ (function (_super) {
         configurable: true
     });
     XInputGroup.prototype.onChildrenMutated = function () {
-        this.l3(function (a) { return a.view.az(); });
+        this.l3(function (a) { return a.view.a0(); });
         this.l4(function (a) { return a.view.af(); });
         this.l5(function (a) { return a.view.q(); });
         this.l6(function (a) { return a.view.q(); });
@@ -4344,7 +4347,7 @@ var XInputGroup = /** @class */ /*@__PURE__*/ (function (_super) {
         this.view.ag();
     };
     XInputGroup.prototype.ensureShift = function () {
-        this.l3(function (a) { return a.view.az(); });
+        this.l3(function (a) { return a.view.a0(); });
         this.l4(function (a) { return a.view.af(); });
         this.l5(function (a) { return a.view.q(); });
         this.l6(function (a) { return a.view.q(); });
@@ -5537,7 +5540,7 @@ var XInput = /** @class */ /*@__PURE__*/ (function (_super) {
         _this.view = a;
         _this.view.ao();
         XInput.ab = new FontInfo();
-        XInput.ab.n = "'Segoe UI', Verdana";
+        XInput.ab.n = "Verdana";
         return _this;
     }
     Object.defineProperty(XInput.prototype, "view", {
@@ -5661,12 +5664,15 @@ var XInput = /** @class */ /*@__PURE__*/ (function (_super) {
                     }
                 }
                 break;
+            case "Name":
+                this.view.av(this.e);
+                break;
             case "Density":
                 this.w = this.x == 0 ? 1 : this.x;
                 break;
             case "ActualDensity":
+                this.view.a1();
                 this.view.a0();
-                this.view.az();
                 break;
             case "InputGroup":
                 this.c0();
@@ -5692,7 +5698,7 @@ var XInput = /** @class */ /*@__PURE__*/ (function (_super) {
                 this.view.au(this.aj);
                 break;
             case "IsReadOnly":
-                this.view.av(this.al);
+                this.view.aw(this.al);
                 break;
         }
     };
@@ -5703,10 +5709,10 @@ var XInput = /** @class */ /*@__PURE__*/ (function (_super) {
         this.view.as();
     };
     XInput.prototype.db = function () {
-        this.view.az();
+        this.view.a0();
     };
     XInput.prototype.c0 = function () {
-        this.view.az();
+        this.view.a0();
     };
     XInput.prototype.dm = function () {
         this.du = this.dy != null ? this.dy : XInput.dw;
@@ -5715,7 +5721,7 @@ var XInput = /** @class */ /*@__PURE__*/ (function (_super) {
     };
     XInput.prototype.dl = function () {
         if (this.aa != null) {
-            this.view.a2(this.aa);
+            this.view.a3(this.aa);
         }
         NativeUI.o(this.view.o, this.du);
     };
@@ -6175,7 +6181,7 @@ var XInput = /** @class */ /*@__PURE__*/ (function (_super) {
         return a;
     };
     XInput.prototype.di = function (a, b) {
-        this.view.ax(a, b);
+        this.view.ay(a, b);
     };
     XInput.prototype.provideContainer = function (a) {
         this.view.al(a);
@@ -6252,7 +6258,7 @@ var XInput = /** @class */ /*@__PURE__*/ (function (_super) {
             return this.a7();
         },
         set: function (a) {
-            this.view.ay(a);
+            this.view.az(a);
         },
         enumerable: true,
         configurable: true
@@ -6262,7 +6268,7 @@ var XInput = /** @class */ /*@__PURE__*/ (function (_super) {
             return this.a6();
         },
         set: function (a) {
-            this.view.aw(a);
+            this.view.ax(a);
         },
         enumerable: true,
         configurable: true

package/esm5/lib/InputGroupVisualModelExport.js

@@ -50,7 +50,7 @@ var InputGroupVisualModelExport = /** @class */ /*@__PURE__*/ (function (_super)
         a.l("actualBorderColor : " + this.b.serialize() + ", ");
         a.l("actualBorderWidth : " + this.o + ", ");
         a.l("actualFocusBorderWidth : " + this.p + ", ");
-        a.l("actualContentPadding : { left: " + this.aa.c + ",top: " + this.aa.e + ",right: " + this.aa.d + ",bottom: " + this.aa.b + "},");
+        a.l("actualContentPadding : { left: " + this.aa.left + ",top: " + this.aa.top + ",right: " + this.aa.right + ",bottom: " + this.aa.bottom + "},");
         a.l("actualUnderlineWidth : " + this.x + ", ");
         a.l("actualUnderlineRippleWidth : " + this.w + ", ");
         a.l("actualBackgroundColor : " + this.a.serialize() + ", ");

package/esm5/lib/igc-date-picker-component.js

@@ -124,6 +124,12 @@ var IgcDatePickerComponent = /** @class */ /*@__PURE__*/ (function (_super) {
     IgcDatePickerComponent.prototype.afterContentInit = function () {
         this.i.notifySizeChanged();
     };
+    IgcDatePickerComponent.prototype.attributeSynced = function (name, value) {
+        // an attribute was set by the component renderer.
+        if (name === 'name') {
+            this.i.setName(value);
+        }
+    };
     Object.defineProperty(IgcDatePickerComponent.prototype, "i", {
         /**
          * @hidden
@@ -251,11 +257,11 @@ var IgcDatePickerComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the color to use for the text.
         */
         get: function () {
-            return brushToString(this.i.dc);
+            return brushToString(this.i.dd);
         },
         set: function (v) {
-            this.i.dc = stringToBrush(v);
-            this._a("labelTextColor", brushToString(this.i.dc));
+            this.i.dd = stringToBrush(v);
+            this._a("labelTextColor", brushToString(this.i.dd));
         },
         enumerable: true,
         configurable: true
@@ -370,11 +376,11 @@ var IgcDatePickerComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or Sets the text color
         */
         get: function () {
-            return brushToString(this.i.dd);
+            return brushToString(this.i.de);
         },
         set: function (v) {
-            this.i.dd = stringToBrush(v);
-            this._a("textColor", brushToString(this.i.dd));
+            this.i.de = stringToBrush(v);
+            this._a("textColor", brushToString(this.i.de));
         },
         enumerable: true,
         configurable: true
@@ -384,11 +390,11 @@ var IgcDatePickerComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or Sets the text color
         */
         get: function () {
-            return brushToString(this.i.db);
+            return brushToString(this.i.dc);
         },
         set: function (v) {
-            this.i.db = stringToBrush(v);
-            this._a("iconColor", brushToString(this.i.db));
+            this.i.dc = stringToBrush(v);
+            this._a("iconColor", brushToString(this.i.dc));
         },
         enumerable: true,
         configurable: true