igniteui-webcomponents-inputs 1.4.1 → 3.2.1

package/esm5/lib/igc-x-calendar-component.js

@@ -6,7 +6,7 @@ import { delegateCombine, delegateRemove } from "igniteui-webcomponents-core";
 import { TypeRegistrar } from "igniteui-webcomponents-core";
 import { RegisterElementHelper } from "igniteui-webcomponents-core";
 import { XCalendar } from './XCalendar';
-import { IgcValueChangedEventArgs } from "./igc-value-changed-event-args";
+import { IgcSelectedValueChangedEventArgs } from "./igc-selected-value-changed-event-args";
 import { ControlDisplayDensity_$type } from "igniteui-webcomponents-core";
 import { BaseControlTheme_$type } from "igniteui-webcomponents-core";
 import { DayOfWeek_$type } from "./DayOfWeek";
@@ -25,8 +25,10 @@ var IgcXCalendarComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         _this._stylingContainer = null;
         _this._stylingParent = null;
         _this._inStyling = false;
-        _this._valueChanged = null;
-        _this._valueChanged_wrapped = null;
+        _this._selectedValueChanged = null;
+        _this._selectedValueChanged_wrapped = null;
+        _this._valueChange = null;
+        _this._valueChange_wrapped = null;
         if (_this._styling) {
             NamePatcher.ensureStylablePatched(Object.getPrototypeOf(_this));
         }
@@ -193,10 +195,10 @@ var IgcXCalendarComponent = /** @class */ /*@__PURE__*/ (function (_super) {
      * Gets or Sets the value for the calendar.
     */
         get: function () {
-            return this.i.aw;
+            return this.i.value;
         },
         set: function (v) {
-            this.i.aw = v;
+            this.i.value = v;
         },
         enumerable: true,
         configurable: true
@@ -245,11 +247,11 @@ var IgcXCalendarComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the display density to use for the calendar.
         */
         get: function () {
-            return this.i.i;
+            return this.i.t;
         },
         set: function (v) {
-            this.i.i = ensureEnum(ControlDisplayDensity_$type, v);
-            this._a("density", enumToString(ControlDisplayDensity_$type, this.i.i));
+            this.i.t = ensureEnum(ControlDisplayDensity_$type, v);
+            this._a("density", enumToString(ControlDisplayDensity_$type, this.i.t));
         },
         enumerable: true,
         configurable: true
@@ -259,11 +261,11 @@ var IgcXCalendarComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the base built in theme to use for the calendar.
         */
         get: function () {
-            return this.i.g;
+            return this.i.r;
         },
         set: function (v) {
-            this.i.g = ensureEnum(BaseControlTheme_$type, v);
-            this._a("baseTheme", enumToString(BaseControlTheme_$type, this.i.g));
+            this.i.r = ensureEnum(BaseControlTheme_$type, v);
+            this._a("baseTheme", enumToString(BaseControlTheme_$type, this.i.r));
         },
         enumerable: true,
         configurable: true
@@ -273,11 +275,11 @@ var IgcXCalendarComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or Sets the selected date background color
         */
         get: function () {
-            return brushToString(this.i.df);
+            return brushToString(this.i.dg);
         },
         set: function (v) {
-            this.i.df = stringToBrush(v);
-            this._a("backgroundColor", brushToString(this.i.df));
+            this.i.dg = stringToBrush(v);
+            this._a("backgroundColor", brushToString(this.i.dg));
         },
         enumerable: true,
         configurable: true
@@ -287,11 +289,11 @@ var IgcXCalendarComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or Sets the selected date background color
         */
         get: function () {
-            return brushToString(this.i.dl);
+            return brushToString(this.i.dm);
         },
         set: function (v) {
-            this.i.dl = stringToBrush(v);
-            this._a("selectedDateBackgroundColor", brushToString(this.i.dl));
+            this.i.dm = stringToBrush(v);
+            this._a("selectedDateBackgroundColor", brushToString(this.i.dm));
         },
         enumerable: true,
         configurable: true
@@ -301,11 +303,11 @@ var IgcXCalendarComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or Sets the selected date background color
         */
         get: function () {
-            return brushToString(this.i.dn);
+            return brushToString(this.i.dp);
         },
         set: function (v) {
-            this.i.dn = stringToBrush(v);
-            this._a("selectedFocusDateBackgroundColor", brushToString(this.i.dn));
+            this.i.dp = stringToBrush(v);
+            this._a("selectedFocusDateBackgroundColor", brushToString(this.i.dp));
         },
         enumerable: true,
         configurable: true
@@ -315,11 +317,11 @@ var IgcXCalendarComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or Sets the focus date background color
         */
         get: function () {
-            return brushToString(this.i.di);
+            return brushToString(this.i.dj);
         },
         set: function (v) {
-            this.i.di = stringToBrush(v);
-            this._a("focusDateBackgroundColor", brushToString(this.i.di));
+            this.i.dj = stringToBrush(v);
+            this._a("focusDateBackgroundColor", brushToString(this.i.dj));
         },
         enumerable: true,
         configurable: true
@@ -329,11 +331,11 @@ var IgcXCalendarComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or Sets the focus date background color
         */
         get: function () {
-            return brushToString(this.i.dk);
+            return brushToString(this.i.dl);
         },
         set: function (v) {
-            this.i.dk = stringToBrush(v);
-            this._a("hoverBackgroundColor", brushToString(this.i.dk));
+            this.i.dl = stringToBrush(v);
+            this._a("hoverBackgroundColor", brushToString(this.i.dl));
         },
         enumerable: true,
         configurable: true
@@ -343,11 +345,11 @@ var IgcXCalendarComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or Sets the selected date text color
         */
         get: function () {
-            return brushToString(this.i.dp);
+            return brushToString(this.i.dq);
         },
         set: function (v) {
-            this.i.dp = stringToBrush(v);
-            this._a("textColor", brushToString(this.i.dp));
+            this.i.dq = stringToBrush(v);
+            this._a("textColor", brushToString(this.i.dq));
         },
         enumerable: true,
         configurable: true
@@ -357,11 +359,11 @@ var IgcXCalendarComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or Sets the selected date text color
         */
         get: function () {
-            return brushToString(this.i.dm);
+            return brushToString(this.i.dn);
         },
         set: function (v) {
-            this.i.dm = stringToBrush(v);
-            this._a("selectedDateTextColor", brushToString(this.i.dm));
+            this.i.dn = stringToBrush(v);
+            this._a("selectedDateTextColor", brushToString(this.i.dn));
         },
         enumerable: true,
         configurable: true
@@ -371,11 +373,11 @@ var IgcXCalendarComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or Sets the focus date text color
         */
         get: function () {
-            return brushToString(this.i.dj);
+            return brushToString(this.i.dk);
         },
         set: function (v) {
-            this.i.dj = stringToBrush(v);
-            this._a("focusDateTextColor", brushToString(this.i.dj));
+            this.i.dk = stringToBrush(v);
+            this._a("focusDateTextColor", brushToString(this.i.dk));
         },
         enumerable: true,
         configurable: true
@@ -385,11 +387,11 @@ var IgcXCalendarComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or Sets the current date text color
         */
         get: function () {
-            return brushToString(this.i.dh);
+            return brushToString(this.i.di);
         },
         set: function (v) {
-            this.i.dh = stringToBrush(v);
-            this._a("currentDateTextColor", brushToString(this.i.dh));
+            this.i.di = stringToBrush(v);
+            this._a("currentDateTextColor", brushToString(this.i.di));
         },
         enumerable: true,
         configurable: true
@@ -399,11 +401,11 @@ var IgcXCalendarComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or Sets the current date text color
         */
         get: function () {
-            return brushToString(this.i.dg);
+            return brushToString(this.i.dh);
         },
         set: function (v) {
-            this.i.dg = stringToBrush(v);
-            this._a("currentDateBorderColor", brushToString(this.i.dg));
+            this.i.dh = stringToBrush(v);
+            this._a("currentDateBorderColor", brushToString(this.i.dh));
         },
         enumerable: true,
         configurable: true
@@ -446,11 +448,11 @@ var IgcXCalendarComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the FirstDayOfWeek property to detirmine first day of the week
         */
         get: function () {
-            return this.i.p;
+            return this.i.l;
         },
         set: function (v) {
-            this.i.p = ensureEnum(DayOfWeek_$type, v);
-            this._a("firstDayOfWeek", enumToString(DayOfWeek_$type, this.i.p));
+            this.i.l = ensureEnum(DayOfWeek_$type, v);
+            this._a("firstDayOfWeek", enumToString(DayOfWeek_$type, this.i.l));
         },
         enumerable: true,
         configurable: true
@@ -460,11 +462,11 @@ var IgcXCalendarComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the FirstWeekOfYear property to detirmine first week of the year
         */
         get: function () {
-            return this.i.s;
+            return this.i.o;
         },
         set: function (v) {
-            this.i.s = ensureEnum(FirstWeek_$type, v);
-            this._a("firstWeekOfYear", enumToString(FirstWeek_$type, this.i.s));
+            this.i.o = ensureEnum(FirstWeek_$type, v);
+            this._a("firstWeekOfYear", enumToString(FirstWeek_$type, this.i.o));
         },
         enumerable: true,
         configurable: true
@@ -556,32 +558,60 @@ var IgcXCalendarComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         var iv = this.i.bs();
         return (iv);
     };
-    Object.defineProperty(IgcXCalendarComponent.prototype, "valueChanged", {
+    Object.defineProperty(IgcXCalendarComponent.prototype, "selectedValueChanged", {
         /**
          * Called when date is selected.
         */
         get: function () {
-            return this._valueChanged;
+            return this._selectedValueChanged;
         },
         set: function (ev) {
             var _this = this;
-            if (this._valueChanged_wrapped !== null) {
-                this.i.valueChanged = delegateRemove(this.i.valueChanged, this._valueChanged_wrapped);
-                this._valueChanged_wrapped = null;
-                this._valueChanged = null;
+            if (this._selectedValueChanged_wrapped !== null) {
+                this.i.selectedValueChanged = delegateRemove(this.i.selectedValueChanged, this._selectedValueChanged_wrapped);
+                this._selectedValueChanged_wrapped = null;
+                this._selectedValueChanged = null;
             }
-            this._valueChanged = ev;
-            this._valueChanged_wrapped = function (o, e) {
-                var outerArgs = new IgcValueChangedEventArgs();
+            this._selectedValueChanged = ev;
+            this._selectedValueChanged_wrapped = function (o, e) {
+                var outerArgs = new IgcSelectedValueChangedEventArgs();
                 outerArgs._provideImplementation(e);
-                if (_this.beforeValueChanged) {
-                    _this.beforeValueChanged(_this, outerArgs);
+                if (_this.beforeSelectedValueChanged) {
+                    _this.beforeSelectedValueChanged(_this, outerArgs);
                 }
-                if (_this._valueChanged) {
-                    _this._valueChanged(_this, outerArgs);
+                if (_this._selectedValueChanged) {
+                    _this._selectedValueChanged(_this, outerArgs);
+                }
+            };
+            this.i.selectedValueChanged = delegateCombine(this.i.selectedValueChanged, this._selectedValueChanged_wrapped);
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(IgcXCalendarComponent.prototype, "valueChange", {
+        get: function () {
+            return this._valueChange;
+        },
+        set: function (ev) {
+            var _this = this;
+            if (this._valueChange_wrapped !== null) {
+                this.i.propertyChanged = delegateRemove(this.i.propertyChanged, this._valueChange_wrapped);
+                this._valueChange_wrapped = null;
+                this._valueChange = null;
+            }
+            this._valueChange = ev;
+            this._valueChange_wrapped = function (o, e) {
+                var ext = _this.value;
+                if (e.propertyName == 'Value') {
+                    if (_this.beforeValueChange) {
+                        _this.beforeValueChange(_this, ext);
+                    }
+                    if (_this._valueChange) {
+                        _this._valueChange(_this, ext);
+                    }
                 }
             };
-            this.i.valueChanged = delegateCombine(this.i.valueChanged, this._valueChanged_wrapped);
+            this.i.propertyChanged = delegateCombine(this.i.propertyChanged, this._valueChange_wrapped);
         },
         enumerable: true,
         configurable: true
@@ -592,4 +622,3 @@ var IgcXCalendarComponent = /** @class */ /*@__PURE__*/ (function (_super) {
     return IgcXCalendarComponent;
 }(HTMLElement));
 export { IgcXCalendarComponent };
-//# sourceMappingURL=igc-x-calendar-component.js.map

package/esm5/lib/{igc-calendar-locale-en-module.js → igc-x-calendar-locale-en-module.js}

@@ -5,14 +5,13 @@ https://www.infragistics.com/legal/license/igultimate-eula
 GOVERNS THE LICENSING, INSTALLATION AND USE OF INFRAGISTICS SOFTWARE. BY DOWNLOADING AND/OR INSTALLING AND USING INFRAGISTICS SOFTWARE:  you are indicating that you have read and understand this Agreement, and agree to be legally bound by it on behalf of the yourself and your company.
 */
 import { Localization } from "igniteui-webcomponents-core";
-import { CalendarLocaleEn } from './CalendarLocaleEn';
-var IgcCalendarLocaleEnModule = /** @class */ /*@__PURE__*/ (function () {
-    function IgcCalendarLocaleEnModule() {
+import { XCalendarLocaleEn } from './XCalendarLocaleEn';
+var IgcXCalendarLocaleEnModule = /** @class */ /*@__PURE__*/ (function () {
+    function IgcXCalendarLocaleEnModule() {
     }
-    IgcCalendarLocaleEnModule.register = function () {
-        Localization.register("Calendar-en", new CalendarLocaleEn());
+    IgcXCalendarLocaleEnModule.register = function () {
+        Localization.register("XCalendar-en", new XCalendarLocaleEn());
     };
-    return IgcCalendarLocaleEnModule;
+    return IgcXCalendarLocaleEnModule;
 }());
-export { IgcCalendarLocaleEnModule };
-//# sourceMappingURL=igc-calendar-locale-en-module.js.map
+export { IgcXCalendarLocaleEnModule };

package/esm5/lib/igc-x-calendar-module.js

@@ -23,4 +23,3 @@ var IgcXCalendarModule = /** @class */ /*@__PURE__*/ (function () {
     return IgcXCalendarModule;
 }());
 export { IgcXCalendarModule };
-//# sourceMappingURL=igc-x-calendar-module.js.map

package/esm5/lib/igc-x-checkbox-component.js

@@ -220,11 +220,11 @@ var IgcXCheckboxComponent = /** @class */ /*@__PURE__*/ (function (_super) {
      * Gets or sets the base built in theme to use for the checkbox.
     */
         get: function () {
-            return this.i.d;
+            return this.i.i;
         },
         set: function (v) {
-            this.i.d = ensureEnum(BaseControlTheme_$type, v);
-            this._a("baseTheme", enumToString(BaseControlTheme_$type, this.i.d));
+            this.i.i = ensureEnum(BaseControlTheme_$type, v);
+            this._a("baseTheme", enumToString(BaseControlTheme_$type, this.i.i));
         },
         enumerable: true,
         configurable: true
@@ -591,11 +591,11 @@ var IgcXCheckboxComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets LabelPosition to use for the checkbox.
         */
         get: function () {
-            return this.i.h;
+            return this.i.e;
         },
         set: function (v) {
-            this.i.h = ensureEnum(CheckboxLabelPosition_$type, v);
-            this._a("labelPosition", enumToString(CheckboxLabelPosition_$type, this.i.h));
+            this.i.e = ensureEnum(CheckboxLabelPosition_$type, v);
+            this._a("labelPosition", enumToString(CheckboxLabelPosition_$type, this.i.e));
         },
         enumerable: true,
         configurable: true
@@ -785,4 +785,3 @@ var IgcXCheckboxComponent = /** @class */ /*@__PURE__*/ (function (_super) {
     return IgcXCheckboxComponent;
 }(IgcHTMLElement));
 export { IgcXCheckboxComponent };
-//# sourceMappingURL=igc-x-checkbox-component.js.map

package/esm5/lib/igc-x-checkbox-module.js

@@ -23,4 +23,3 @@ var IgcXCheckboxModule = /** @class */ /*@__PURE__*/ (function () {
     return IgcXCheckboxModule;
 }());
 export { IgcXCheckboxModule };
-//# sourceMappingURL=igc-x-checkbox-module.js.map

package/esm5/lib/igc-x-icon-component.js

@@ -617,4 +617,3 @@ var IgcXIconComponent = /** @class */ /*@__PURE__*/ (function (_super) {
     return IgcXIconComponent;
 }(IgcHTMLElement));
 export { IgcXIconComponent };
-//# sourceMappingURL=igc-x-icon-component.js.map

package/esm5/lib/igc-x-icon-module.js

@@ -21,4 +21,3 @@ var IgcXIconModule = /** @class */ /*@__PURE__*/ (function () {
     return IgcXIconModule;
 }());
 export { IgcXIconModule };
-//# sourceMappingURL=igc-x-icon-module.js.map

package/esm5/lib/igc-x-input-component.js

@@ -34,23 +34,22 @@ function injectCss(style, attributeName, onload) {
     }
     for (var i = 0; i < document.head.children.length; i++) {
         var child = document.head.children[i];
-        if (child.tagName == "link" && child.hasAttribute(attributeName)) {
+        if (child.tagName &&
+            child.tagName.toLowerCase() == "style" && child.hasAttribute(attributeName)) {
             return;
         }
     }
-    var link = document.createElement("link");
-    link.setAttribute('href', 'data:text/css;charset=UTF-8,' + encodeURIComponent(style));
-    link.setAttribute('rel', 'stylesheet');
-    link.setAttribute('type', 'text/css');
-    link.setAttribute(attributeName, 'true');
+    var styleEle = document.createElement("style");
+    styleEle.textContent = style;
+    styleEle.setAttribute(attributeName, 'true');
     if (onload) {
         var onloadResolved = function () {
-            link.onload = null;
+            styleEle.onload = null;
             onload();
         };
-        link.onload = onloadResolved;
+        styleEle.onload = onloadResolved;
     }
-    document.head.appendChild(link);
+    document.head.appendChild(styleEle);
 }
 var IgcXInputComponent = /** @class */ /*@__PURE__*/ (function (_super) {
     tslib_1.__extends(IgcXInputComponent, _super);
@@ -208,11 +207,11 @@ var IgcXInputComponent = /** @class */ /*@__PURE__*/ (function (_super) {
      * Gets or sets the display density to use for the input.
     */
         get: function () {
-            return this.i.m;
+            return this.i.x;
         },
         set: function (v) {
-            this.i.m = ensureEnum(ControlDisplayDensity_$type, v);
-            this._a("density", enumToString(ControlDisplayDensity_$type, this.i.m));
+            this.i.x = ensureEnum(ControlDisplayDensity_$type, v);
+            this._a("density", enumToString(ControlDisplayDensity_$type, this.i.x));
         },
         enumerable: true,
         configurable: true
@@ -222,11 +221,11 @@ var IgcXInputComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets the actual display density to use for the label.
         */
         get: function () {
-            return this.i.l;
+            return this.i.w;
         },
         set: function (v) {
-            this.i.l = ensureEnum(ControlDisplayDensity_$type, v);
-            this._a("actualDensity", enumToString(ControlDisplayDensity_$type, this.i.l));
+            this.i.w = ensureEnum(ControlDisplayDensity_$type, v);
+            this._a("actualDensity", enumToString(ControlDisplayDensity_$type, this.i.w));
         },
         enumerable: true,
         configurable: true
@@ -687,4 +686,3 @@ var IgcXInputComponent = /** @class */ /*@__PURE__*/ (function (_super) {
     return IgcXInputComponent;
 }(IgcXInputGroupItemComponent));
 export { IgcXInputComponent };
-//# sourceMappingURL=igc-x-input-component.js.map