igniteui-webcomponents-inputs 4.2.5 → 4.3.0-beta.0

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

@@ -1,4 +1,4 @@
-import * as tslib_1 from "tslib";
+import { __extends } from "tslib";
 import { ensureEnum, brushToString, stringToBrush, ensureBool, initializePropertiesFromCss, NamePatcher, toSpinal, enumToString, getAllPropertyNames, fromSpinal } from "igniteui-webcomponents-core";
 import { FontInfo } from "igniteui-webcomponents-core";
 import { WebComponentRenderer } from "igniteui-webcomponents-core";
@@ -18,7 +18,7 @@ import { DayOfWeek_$type } from "./DayOfWeek";
 import { FirstWeek_$type } from "./FirstWeek";
 import { IgcHTMLElement } from "igniteui-webcomponents-core";
 var IgcDatePickerComponent = /** @class */ /*@__PURE__*/ (function (_super) {
-    tslib_1.__extends(IgcDatePickerComponent, _super);
+    __extends(IgcDatePickerComponent, _super);
     function IgcDatePickerComponent() {
         var _this = _super.call(this) || this;
         _this._disconnected = false;
@@ -48,6 +48,7 @@ var IgcDatePickerComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         }
         _this._renderer = new WebComponentRenderer(_this, document, true, null);
         _this._implementation = _this.createImplementation();
+        _this._implementation.externalObject = _this;
         _this._container = _this._renderer.createElement("div");
         _this._renderer.updateRoot(_this._container);
         //this._renderer.rootWrapper.append(this._container);
@@ -69,7 +70,7 @@ var IgcDatePickerComponent = /** @class */ /*@__PURE__*/ (function (_super) {
             this.style.height = value;
             this.i.notifySizeChanged();
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcDatePickerComponent.prototype, "width", {
@@ -81,7 +82,7 @@ var IgcDatePickerComponent = /** @class */ /*@__PURE__*/ (function (_super) {
             this.style.width = value;
             this.i.notifySizeChanged();
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     // supports angular themes or custom properties set in CSS
@@ -96,6 +97,7 @@ var IgcDatePickerComponent = /** @class */ /*@__PURE__*/ (function (_super) {
     };
     IgcDatePickerComponent.prototype.disconnectedCallback = function () {
         this._disconnected = true;
+        this._datePicker.provideContainer(null);
     };
     IgcDatePickerComponent.prototype.connectedCallback = function () {
         if (this._disconnected) {
@@ -140,7 +142,7 @@ var IgcDatePickerComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         } /**
                                      * @hidden
                                      */,
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     IgcDatePickerComponent._createFromInternal = function (internal) {
@@ -196,7 +198,7 @@ var IgcDatePickerComponent = /** @class */ /*@__PURE__*/ (function (_super) {
             }
             return IgcDatePickerComponent._observedAttributesIgcDatePickerComponent;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     IgcDatePickerComponent.prototype.attributeChangedCallback = function (name, oldValue, newValue) {
@@ -224,7 +226,7 @@ var IgcDatePickerComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         set: function (v) {
             this.i.value = v;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcDatePickerComponent.prototype, "today", {
@@ -232,12 +234,12 @@ var IgcDatePickerComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or Sets the property name that contains the values.
         */
         get: function () {
-            return this.i.a2;
+            return this.i.a3;
         },
         set: function (v) {
-            this.i.a2 = v;
+            this.i.a3 = v;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcDatePickerComponent.prototype, "label", {
@@ -245,12 +247,12 @@ var IgcDatePickerComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or Sets the property name that contains the label.
         */
         get: function () {
-            return this.i.bs;
+            return this.i.bv;
         },
         set: function (v) {
-            this.i.bs = v;
+            this.i.bv = v;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcDatePickerComponent.prototype, "labelTextColor", {
@@ -258,13 +260,13 @@ var IgcDatePickerComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the color to use for the text.
         */
         get: function () {
-            return brushToString(this.i.dd);
+            return brushToString(this.i.dh);
         },
         set: function (v) {
-            this.i.dd = stringToBrush(v);
-            this._a("labelTextColor", brushToString(this.i.dd));
+            this.i.dh = stringToBrush(v);
+            this._a("labelTextColor", brushToString(this.i.dh));
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcDatePickerComponent.prototype, "labelTextStyle", {
@@ -283,7 +285,7 @@ var IgcDatePickerComponent = /** @class */ /*@__PURE__*/ (function (_super) {
             this.i.ac = fi;
             this._a("labelTextStyle", this.i.ac != null ? this.i.ac.fontString : "");
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcDatePickerComponent.prototype, "placeholder", {
@@ -291,12 +293,12 @@ var IgcDatePickerComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or Sets the property name that contains the placeholder.
         */
         get: function () {
-            return this.i.bz;
+            return this.i.b2;
         },
         set: function (v) {
-            this.i.bz = v;
+            this.i.b2 = v;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcDatePickerComponent.prototype, "minDate", {
@@ -304,12 +306,12 @@ var IgcDatePickerComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or Sets the property name that contains the MinDate.
         */
         get: function () {
-            return this.i.a1;
+            return this.i.a2;
         },
         set: function (v) {
-            this.i.a1 = v;
+            this.i.a2 = v;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcDatePickerComponent.prototype, "maxDate", {
@@ -317,12 +319,12 @@ var IgcDatePickerComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or Sets the property name that contains the MaxDate.
         */
         get: function () {
-            return this.i.a0;
+            return this.i.a1;
         },
         set: function (v) {
-            this.i.a0 = v;
+            this.i.a1 = v;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcDatePickerComponent.prototype, "density", {
@@ -336,7 +338,7 @@ var IgcDatePickerComponent = /** @class */ /*@__PURE__*/ (function (_super) {
             this.i.y = ensureEnum(ControlDisplayDensity_$type, v);
             this._a("density", enumToString(ControlDisplayDensity_$type, this.i.y));
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcDatePickerComponent.prototype, "baseTheme", {
@@ -350,7 +352,7 @@ var IgcDatePickerComponent = /** @class */ /*@__PURE__*/ (function (_super) {
             this.i.w = ensureEnum(BaseControlTheme_$type, v);
             this._a("baseTheme", enumToString(BaseControlTheme_$type, this.i.w));
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcDatePickerComponent.prototype, "textStyle", {
@@ -369,7 +371,7 @@ var IgcDatePickerComponent = /** @class */ /*@__PURE__*/ (function (_super) {
             this.i.ad = fi;
             this._a("textStyle", this.i.ad != null ? this.i.ad.fontString : "");
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcDatePickerComponent.prototype, "textColor", {
@@ -377,13 +379,13 @@ var IgcDatePickerComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or Sets the text color
         */
         get: function () {
-            return brushToString(this.i.de);
+            return brushToString(this.i.di);
         },
         set: function (v) {
-            this.i.de = stringToBrush(v);
-            this._a("textColor", brushToString(this.i.de));
+            this.i.di = stringToBrush(v);
+            this._a("textColor", brushToString(this.i.di));
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcDatePickerComponent.prototype, "iconColor", {
@@ -391,13 +393,13 @@ var IgcDatePickerComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or Sets the text color
         */
         get: function () {
-            return brushToString(this.i.dc);
+            return brushToString(this.i.dg);
         },
         set: function (v) {
-            this.i.dc = stringToBrush(v);
-            this._a("iconColor", brushToString(this.i.dc));
+            this.i.dg = stringToBrush(v);
+            this._a("iconColor", brushToString(this.i.dg));
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcDatePickerComponent.prototype, "showClearButton", {
@@ -405,13 +407,13 @@ var IgcDatePickerComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the ShowClearButton property to detirmine if the clear button is shown
         */
         get: function () {
-            return this.i.as;
+            return this.i.at;
         },
         set: function (v) {
-            this.i.as = ensureBool(v);
-            this._a("showClearButton", this.i.as);
+            this.i.at = ensureBool(v);
+            this._a("showClearButton", this.i.at);
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcDatePickerComponent.prototype, "showTodayButton", {
@@ -419,13 +421,13 @@ var IgcDatePickerComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the ShowTodayButton property to detirmine if the today button is shown
         */
         get: function () {
-            return this.i.at;
+            return this.i.au;
         },
         set: function (v) {
-            this.i.at = ensureBool(v);
-            this._a("showTodayButton", this.i.at);
+            this.i.au = ensureBool(v);
+            this._a("showTodayButton", this.i.au);
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcDatePickerComponent.prototype, "allowTextInput", {
@@ -433,13 +435,13 @@ var IgcDatePickerComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the AllowTextInput property to detirmine if entering text into the input is allowed
         */
         get: function () {
-            return this.i.ap;
+            return this.i.aq;
         },
         set: function (v) {
-            this.i.ap = ensureBool(v);
-            this._a("allowTextInput", this.i.ap);
+            this.i.aq = ensureBool(v);
+            this._a("allowTextInput", this.i.aq);
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcDatePickerComponent.prototype, "openOnFocus", {
@@ -447,13 +449,13 @@ var IgcDatePickerComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the AllowTextInput property to detirmine if entering text into the input is allowed
         */
         get: function () {
-            return this.i.ar;
+            return this.i.as;
         },
         set: function (v) {
-            this.i.ar = ensureBool(v);
-            this._a("openOnFocus", this.i.ar);
+            this.i.as = ensureBool(v);
+            this._a("openOnFocus", this.i.as);
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcDatePickerComponent.prototype, "firstDayOfWeek", {
@@ -467,7 +469,7 @@ var IgcDatePickerComponent = /** @class */ /*@__PURE__*/ (function (_super) {
             this.i.j = ensureEnum(DayOfWeek_$type, v);
             this._a("firstDayOfWeek", enumToString(DayOfWeek_$type, this.i.j));
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcDatePickerComponent.prototype, "firstWeekOfYear", {
@@ -481,7 +483,7 @@ var IgcDatePickerComponent = /** @class */ /*@__PURE__*/ (function (_super) {
             this.i.l = ensureEnum(FirstWeek_$type, v);
             this._a("firstWeekOfYear", enumToString(FirstWeek_$type, this.i.l));
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcDatePickerComponent.prototype, "showWeekNumbers", {
@@ -489,13 +491,13 @@ var IgcDatePickerComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the ShowWeekNumbers property to detirmine if the week numbers are shown
         */
         get: function () {
-            return this.i.au;
+            return this.i.av;
         },
         set: function (v) {
-            this.i.au = ensureBool(v);
-            this._a("showWeekNumbers", this.i.au);
+            this.i.av = ensureBool(v);
+            this._a("showWeekNumbers", this.i.av);
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcDatePickerComponent.prototype, "dateFormat", {
@@ -509,7 +511,7 @@ var IgcDatePickerComponent = /** @class */ /*@__PURE__*/ (function (_super) {
             this.i.e = ensureEnum(DateFormats_$type, v);
             this._a("dateFormat", enumToString(DateFormats_$type, this.i.e));
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcDatePickerComponent.prototype, "formatString", {
@@ -517,30 +519,30 @@ var IgcDatePickerComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the Format property to detirmine the format of the date in the input
         */
         get: function () {
-            return this.i.bo;
+            return this.i.br;
         },
         set: function (v) {
-            this.i.bo = v;
+            this.i.br = v;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcDatePickerComponent.prototype, "isDisabled", {
         get: function () {
-            return this.i.aq;
+            return this.i.ar;
         },
         set: function (v) {
-            this.i.aq = ensureBool(v);
-            this._a("isDisabled", this.i.aq);
+            this.i.ar = ensureBool(v);
+            this._a("isDisabled", this.i.ar);
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcDatePickerComponent.prototype, "hasUserValues", {
         get: function () {
             return this._hasUserValues;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     IgcDatePickerComponent.prototype.__m = function (propertyName) {
@@ -594,14 +596,14 @@ var IgcDatePickerComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         this._inStyling = false;
     };
     IgcDatePickerComponent.prototype.select = function () {
-        this.i.cz();
+        this.i.c3();
     };
     /**
      * Exports visual information about the current state of the grid.
     
     */
     IgcDatePickerComponent.prototype.exportVisualModel = function () {
-        var iv = this.i.a5();
+        var iv = this.i.a8();
         return (iv);
     };
     /**
@@ -609,7 +611,7 @@ var IgcDatePickerComponent = /** @class */ /*@__PURE__*/ (function (_super) {
     
     */
     IgcDatePickerComponent.prototype.exportSerializedVisualModel = function () {
-        var iv = this.i.bl();
+        var iv = this.i.bo();
         return (iv);
     };
     Object.defineProperty(IgcDatePickerComponent.prototype, "selectedValueChanged", {
@@ -640,7 +642,7 @@ var IgcDatePickerComponent = /** @class */ /*@__PURE__*/ (function (_super) {
             this.i.selectedValueChanged = delegateCombine(this.i.selectedValueChanged, this._selectedValueChanged_wrapped);
             ;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcDatePickerComponent.prototype, "gotFocus", {
@@ -668,7 +670,7 @@ var IgcDatePickerComponent = /** @class */ /*@__PURE__*/ (function (_super) {
             this.i.gotFocus = delegateCombine(this.i.gotFocus, this._gotFocus_wrapped);
             ;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcDatePickerComponent.prototype, "lostFocus", {
@@ -696,7 +698,7 @@ var IgcDatePickerComponent = /** @class */ /*@__PURE__*/ (function (_super) {
             this.i.lostFocus = delegateCombine(this.i.lostFocus, this._lostFocus_wrapped);
             ;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcDatePickerComponent.prototype, "keyDown", {
@@ -724,7 +726,7 @@ var IgcDatePickerComponent = /** @class */ /*@__PURE__*/ (function (_super) {
             this.i.keyDown = delegateCombine(this.i.keyDown, this._keyDown_wrapped);
             ;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcDatePickerComponent.prototype, "changing", {
@@ -752,7 +754,7 @@ var IgcDatePickerComponent = /** @class */ /*@__PURE__*/ (function (_super) {
             this.i.changing = delegateCombine(this.i.changing, this._changing_wrapped);
             ;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcDatePickerComponent.prototype, "valueChange", {
@@ -780,7 +782,7 @@ var IgcDatePickerComponent = /** @class */ /*@__PURE__*/ (function (_super) {
             };
             this.i.propertyChanged = delegateCombine(this.i.propertyChanged, this._valueChange_wrapped);
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     IgcDatePickerComponent._observedAttributesIgcDatePickerComponent = null;

package/esm5/lib/igc-got-focus-event-args.js

@@ -15,7 +15,7 @@ var IgcGotFocusEventArgs = /** @class */ /*@__PURE__*/ (function () {
         get: function () {
             return this._implementation;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     IgcGotFocusEventArgs.prototype.onImplementationCreated = function () {

package/esm5/lib/igc-input-change-event-args.js

@@ -16,7 +16,7 @@ var IgcInputChangeEventArgs = /** @class */ /*@__PURE__*/ (function () {
         get: function () {
             return this._implementation;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     IgcInputChangeEventArgs.prototype.onImplementationCreated = function () {
@@ -33,7 +33,7 @@ var IgcInputChangeEventArgs = /** @class */ /*@__PURE__*/ (function () {
         set: function (v) {
             this.i.value = v;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcInputChangeEventArgs.prototype, "isCompositionInProgress", {
@@ -43,7 +43,7 @@ var IgcInputChangeEventArgs = /** @class */ /*@__PURE__*/ (function () {
         set: function (v) {
             this.i.isCompositionInProgress = ensureBool(v);
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     return IgcInputChangeEventArgs;

package/esm5/lib/igc-lost-focus-event-args.js

@@ -15,7 +15,7 @@ var IgcLostFocusEventArgs = /** @class */ /*@__PURE__*/ (function () {
         get: function () {
             return this._implementation;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     IgcLostFocusEventArgs.prototype.onImplementationCreated = function () {

package/esm5/lib/igc-selected-value-changed-event-args.js

@@ -15,7 +15,7 @@ var IgcSelectedValueChangedEventArgs = /** @class */ /*@__PURE__*/ (function ()
         get: function () {
             return this._implementation;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     IgcSelectedValueChangedEventArgs.prototype.onImplementationCreated = function () {
@@ -32,7 +32,7 @@ var IgcSelectedValueChangedEventArgs = /** @class */ /*@__PURE__*/ (function ()
         set: function (v) {
             this.i.oldValue = v;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcSelectedValueChangedEventArgs.prototype, "newValue", {
@@ -42,7 +42,7 @@ var IgcSelectedValueChangedEventArgs = /** @class */ /*@__PURE__*/ (function ()
         set: function (v) {
             this.i.newValue = v;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     return IgcSelectedValueChangedEventArgs;