igniteui-angular-inputs 17.0.0-beta.0 → 17.1.0

package/esm5/lib/XPopupBridge.js

@@ -150,26 +150,26 @@ var XPopupBridge = /** @class */ /*@__PURE__*/ (function (_super) {
     XPopupBridge.prototype.getValue = function (a, b) {
         var c = a;
         switch (b) {
-            case 22: return c.av;
+            case 22: return c.aw;
             case 25: return c.al;
-            case 26: return c.a6;
-            case 17: return c.ay;
-            case 23: return c.cn;
-            case 35: switch (c.o) {
+            case 26: return c.a8;
+            case 17: return c.a0;
+            case 23: return c.cw;
+            case 35: switch (c.p) {
                 case 1: return enumGetBox(NativeUIPopupAnimationType_$type, 1);
                 default: return enumGetBox(NativeUIPopupAnimationType_$type, 0);
             }
-            case 36: return c.ar;
-            case 37: return c.aq;
-            case 40: return c.a8;
-            case 41: return c.as;
-            case 43: switch (c.t) {
+            case 36: return c.as;
+            case 37: return c.ar;
+            case 40: return c.ba;
+            case 41: return c.at;
+            case 43: switch (c.u) {
                 case 1: return enumGetBox(NativeUIPopupPointerPosition_$type, 1);
                 default: return enumGetBox(NativeUIPopupPointerPosition_$type, 2);
             }
-            case 42: return c.cr;
+            case 42: return c.c0;
             case 39: return c.an;
-            case 61: return c.a1;
+            case 61: return c.a3;
         }
         return _super.prototype.getValue.call(this, a, b);
     };
@@ -180,46 +180,46 @@ var XPopupBridge = /** @class */ /*@__PURE__*/ (function (_super) {
                 d.al = c;
                 break;
             case 26:
-                d.a6 = typeGetValue(c);
+                d.a8 = typeGetValue(c);
                 break;
             case 17:
-                d.ay = c;
+                d.a0 = c;
                 break;
             case 23:
-                d.cn = c;
+                d.cw = c;
                 break;
             case 35:
                 switch (EnumUtil.getEnumValue(NativeUIPopupAnimationType_$type, c)) {
                     case 1:
-                        d.o = 1;
+                        d.p = 1;
                         break;
                     default:
-                        d.o = 0;
+                        d.p = 0;
                         break;
                 }
                 break;
             case 36:
-                d.ar = c;
+                d.as = c;
                 break;
             case 37:
-                d.aq = c;
+                d.ar = c;
                 break;
             case 40:
-                d.a8 = typeGetValue(c);
+                d.ba = typeGetValue(c);
                 break;
             case 41:
-                d.as = c;
+                d.at = c;
                 break;
             case 42:
-                d.cr = c;
+                d.c0 = c;
                 break;
             case 43:
                 switch (EnumUtil.getEnumValue(NativeUIPopupPointerPosition_$type, c)) {
                     case 1:
-                        d.t = 1;
+                        d.u = 1;
                         break;
                     case 2:
-                        d.t = 2;
+                        d.u = 2;
                         break;
                 }
                 break;
@@ -227,7 +227,7 @@ var XPopupBridge = /** @class */ /*@__PURE__*/ (function (_super) {
                 d.an = c;
                 break;
             case 61:
-                d.a1 = c;
+                d.a3 = c;
                 break;
         }
         _super.prototype.setValue.call(this, a, b, c);
@@ -236,13 +236,13 @@ var XPopupBridge = /** @class */ /*@__PURE__*/ (function (_super) {
         a.showRelativeToExclusionRect(b, this.v(c), this.u(d));
     };
     XPopupBridge.prototype.close = function (a) {
-        a.bx();
+        a.b3();
     };
     XPopupBridge.prototype.notifyContentSizeChanged = function (a) {
-        a.b0();
+        a.b6();
     };
     XPopupBridge.prototype.notifyExclusionRectChanged = function (a, b) {
-        a.b1(b);
+        a.b7(b);
     };
     XPopupBridge.prototype.v = function (a) {
         switch (a) {

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

@@ -123,10 +123,10 @@ var IgxDatePickerComponent = /** @class */ /*@__PURE__*/ (function () {
          * Gets or Sets the property name that contains the values.
         */
         get: function () {
-            return this.i.a3;
+            return this.i.ba;
         },
         set: function (v) {
-            this.i.a3 = v;
+            this.i.ba = v;
         },
         enumerable: false,
         configurable: true
@@ -136,10 +136,10 @@ var IgxDatePickerComponent = /** @class */ /*@__PURE__*/ (function () {
          * Gets or Sets the property name that contains the label.
         */
         get: function () {
-            return this.i.bv;
+            return this.i.b3;
         },
         set: function (v) {
-            this.i.bv = v;
+            this.i.b3 = v;
         },
         enumerable: false,
         configurable: true
@@ -149,10 +149,10 @@ var IgxDatePickerComponent = /** @class */ /*@__PURE__*/ (function () {
          * Gets or sets the color to use for the text.
         */
         get: function () {
-            return brushToString(this.i.dh);
+            return brushToString(this.i.dw);
         },
         set: function (v) {
-            this.i.dh = stringToBrush(v);
+            this.i.dw = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -180,10 +180,10 @@ var IgxDatePickerComponent = /** @class */ /*@__PURE__*/ (function () {
          * Gets or Sets the property name that contains the placeholder.
         */
         get: function () {
-            return this.i.b2;
+            return this.i.cb;
         },
         set: function (v) {
-            this.i.b2 = v;
+            this.i.cb = v;
         },
         enumerable: false,
         configurable: true
@@ -193,10 +193,10 @@ var IgxDatePickerComponent = /** @class */ /*@__PURE__*/ (function () {
          * Gets or Sets the property name that contains the MinDate.
         */
         get: function () {
-            return this.i.a2;
+            return this.i.a9;
         },
         set: function (v) {
-            this.i.a2 = v;
+            this.i.a9 = v;
         },
         enumerable: false,
         configurable: true
@@ -206,10 +206,10 @@ var IgxDatePickerComponent = /** @class */ /*@__PURE__*/ (function () {
          * Gets or Sets the property name that contains the MaxDate.
         */
         get: function () {
-            return this.i.a1;
+            return this.i.a8;
         },
         set: function (v) {
-            this.i.a1 = v;
+            this.i.a8 = v;
         },
         enumerable: false,
         configurable: true
@@ -263,10 +263,10 @@ var IgxDatePickerComponent = /** @class */ /*@__PURE__*/ (function () {
          * Gets or Sets the text color
         */
         get: function () {
-            return brushToString(this.i.di);
+            return brushToString(this.i.dx);
         },
         set: function (v) {
-            this.i.di = stringToBrush(v);
+            this.i.dx = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -276,10 +276,10 @@ var IgxDatePickerComponent = /** @class */ /*@__PURE__*/ (function () {
          * Gets or Sets the text color
         */
         get: function () {
-            return brushToString(this.i.dg);
+            return brushToString(this.i.dv);
         },
         set: function (v) {
-            this.i.dg = stringToBrush(v);
+            this.i.dv = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -289,10 +289,10 @@ var IgxDatePickerComponent = /** @class */ /*@__PURE__*/ (function () {
          * Gets or sets the ShowClearButton property to detirmine if the clear button is shown
         */
         get: function () {
-            return this.i.at;
+            return this.i.az;
         },
         set: function (v) {
-            this.i.at = ensureBool(v);
+            this.i.az = ensureBool(v);
         },
         enumerable: false,
         configurable: true
@@ -302,10 +302,10 @@ var IgxDatePickerComponent = /** @class */ /*@__PURE__*/ (function () {
          * Gets or sets the ShowTodayButton property to detirmine if the today button is shown
         */
         get: function () {
-            return this.i.au;
+            return this.i.a0;
         },
         set: function (v) {
-            this.i.au = ensureBool(v);
+            this.i.a0 = ensureBool(v);
         },
         enumerable: false,
         configurable: true
@@ -315,10 +315,10 @@ var IgxDatePickerComponent = /** @class */ /*@__PURE__*/ (function () {
          * Gets or sets the AllowTextInput property to detirmine if entering text into the input is allowed
         */
         get: function () {
-            return this.i.aq;
+            return this.i.au;
         },
         set: function (v) {
-            this.i.aq = ensureBool(v);
+            this.i.au = ensureBool(v);
         },
         enumerable: false,
         configurable: true
@@ -328,10 +328,10 @@ var IgxDatePickerComponent = /** @class */ /*@__PURE__*/ (function () {
          * Gets or sets the AllowTextInput property to detirmine if entering text into the input is allowed
         */
         get: function () {
-            return this.i.as;
+            return this.i.ay;
         },
         set: function (v) {
-            this.i.as = ensureBool(v);
+            this.i.ay = ensureBool(v);
         },
         enumerable: false,
         configurable: true
@@ -367,10 +367,10 @@ var IgxDatePickerComponent = /** @class */ /*@__PURE__*/ (function () {
          * Gets or sets the ShowWeekNumbers property to detirmine if the week numbers are shown
         */
         get: function () {
-            return this.i.av;
+            return this.i.a1;
         },
         set: function (v) {
-            this.i.av = ensureBool(v);
+            this.i.a1 = ensureBool(v);
         },
         enumerable: false,
         configurable: true
@@ -393,20 +393,59 @@ var IgxDatePickerComponent = /** @class */ /*@__PURE__*/ (function () {
          * Gets or sets the Format property to detirmine the format of the date in the input
         */
         get: function () {
-            return this.i.br;
+            return this.i.by;
         },
         set: function (v) {
-            this.i.br = v;
+            this.i.by = v;
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgxDatePickerComponent.prototype, "isDisabled", {
         get: function () {
-            return this.i.ar;
+            return this.i.av;
+        },
+        set: function (v) {
+            this.i.av = ensureBool(v);
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(IgxDatePickerComponent.prototype, "isFixed", {
+        /**
+         * Indicates that the calendar dropdown will position itself relative to the window instead of the document.
+        */
+        get: function () {
+            return this.i.aw;
+        },
+        set: function (v) {
+            this.i.aw = ensureBool(v);
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(IgxDatePickerComponent.prototype, "openAsChild", {
+        /**
+         * Indicates that the dropdown should open as a child of the date picker.
+        */
+        get: function () {
+            return this.i.ax;
         },
         set: function (v) {
-            this.i.ar = ensureBool(v);
+            this.i.ax = ensureBool(v);
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(IgxDatePickerComponent.prototype, "useTopLayer", {
+        /**
+         * Indicates that the dropdown will place itself into the browser top layer.
+        */
+        get: function () {
+            return this.i.a2;
+        },
+        set: function (v) {
+            this.i.a2 = ensureBool(v);
         },
         enumerable: false,
         configurable: true
@@ -469,14 +508,14 @@ var IgxDatePickerComponent = /** @class */ /*@__PURE__*/ (function () {
         this._inStyling = false;
     };
     IgxDatePickerComponent.prototype.select = function () {
-        this.i.c3();
+        this.i.df();
     };
     /**
      * Exports visual information about the current state of the grid.
     
     */
     IgxDatePickerComponent.prototype.exportVisualModel = function () {
-        var iv = this.i.a8();
+        var iv = this.i.bf();
         return (iv);
     };
     /**
@@ -484,7 +523,7 @@ var IgxDatePickerComponent = /** @class */ /*@__PURE__*/ (function () {
     
     */
     IgxDatePickerComponent.prototype.exportSerializedVisualModel = function () {
-        var iv = this.i.bo();
+        var iv = this.i.bv();
         return (iv);
     };
     Object.defineProperty(IgxDatePickerComponent.prototype, "selectedValueChanged", {
@@ -638,7 +677,7 @@ var IgxDatePickerComponent = /** @class */ /*@__PURE__*/ (function () {
         }
     };
     IgxDatePickerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: IgxDatePickerComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ViewContainerRef }, { token: i0.NgZone }, { token: i0.Injector }, { token: i0.ComponentFactoryResolver }], target: i0.ɵɵFactoryTarget.Component });
-    IgxDatePickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: IgxDatePickerComponent, selector: "igx-date-picker", inputs: { height: "height", width: "width", value: "value", today: "today", label: "label", labelTextColor: "labelTextColor", labelTextStyle: "labelTextStyle", placeholder: "placeholder", minDate: "minDate", maxDate: "maxDate", density: "density", baseTheme: "baseTheme", textStyle: "textStyle", textColor: "textColor", iconColor: "iconColor", showClearButton: "showClearButton", showTodayButton: "showTodayButton", allowTextInput: "allowTextInput", openOnFocus: "openOnFocus", firstDayOfWeek: "firstDayOfWeek", firstWeekOfYear: "firstWeekOfYear", showWeekNumbers: "showWeekNumbers", dateFormat: "dateFormat", formatString: "formatString", isDisabled: "isDisabled" }, outputs: { selectedValueChanged: "selectedValueChanged", gotFocus: "gotFocus", lostFocus: "lostFocus", keyDown: "keyDown", changing: "changing", valueChange: "valueChange" }, host: { classAttribute: "ig-date-picker igx-date-picker" }, providers: [], viewQueries: [{ propertyName: "_datePickerContainer", first: true, predicate: ["datePickerContainer"], descendants: true, read: ElementRef, static: true }], ngImport: i0, template: "<div #datePickerContainer>\n                <div #inputcontainer>\n                </div>\n                <div #popupContainer>\n                </div>\n               </div>", isInline: true, styles: ["\n\t\t:host {\n\t\t\tdisplay: block;\n\t\t}\n\t"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    IgxDatePickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: IgxDatePickerComponent, selector: "igx-date-picker", inputs: { height: "height", width: "width", value: "value", today: "today", label: "label", labelTextColor: "labelTextColor", labelTextStyle: "labelTextStyle", placeholder: "placeholder", minDate: "minDate", maxDate: "maxDate", density: "density", baseTheme: "baseTheme", textStyle: "textStyle", textColor: "textColor", iconColor: "iconColor", showClearButton: "showClearButton", showTodayButton: "showTodayButton", allowTextInput: "allowTextInput", openOnFocus: "openOnFocus", firstDayOfWeek: "firstDayOfWeek", firstWeekOfYear: "firstWeekOfYear", showWeekNumbers: "showWeekNumbers", dateFormat: "dateFormat", formatString: "formatString", isDisabled: "isDisabled", isFixed: "isFixed", openAsChild: "openAsChild", useTopLayer: "useTopLayer" }, outputs: { selectedValueChanged: "selectedValueChanged", gotFocus: "gotFocus", lostFocus: "lostFocus", keyDown: "keyDown", changing: "changing", valueChange: "valueChange" }, host: { classAttribute: "ig-date-picker igx-date-picker" }, providers: [], viewQueries: [{ propertyName: "_datePickerContainer", first: true, predicate: ["datePickerContainer"], descendants: true, read: ElementRef, static: true }], ngImport: i0, template: "<div #datePickerContainer>\n                <div #inputcontainer>\n                </div>\n                <div #popupContainer>\n                </div>\n               </div>", isInline: true, styles: ["\n\t\t:host {\n\t\t\tdisplay: block;\n\t\t}\n\t"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
     return IgxDatePickerComponent;
 }());
 export { IgxDatePickerComponent };
@@ -705,6 +744,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
                 type: Input
             }], isDisabled: [{
                 type: Input
+            }], isFixed: [{
+                type: Input
+            }], openAsChild: [{
+                type: Input
+            }], useTopLayer: [{
+                type: Input
             }], selectedValueChanged: [{
                 type: Output
             }], gotFocus: [{