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

package/esm2015/lib/XPopupBridge.js

@@ -148,26 +148,26 @@ export let XPopupBridge = /*@__PURE__*/ (() => {
         getValue(a, b) {
             let 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.getValue(a, b);
         }
@@ -178,46 +178,46 @@ export let XPopupBridge = /*@__PURE__*/ (() => {
                     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;
@@ -225,7 +225,7 @@ export let XPopupBridge = /*@__PURE__*/ (() => {
                     d.an = c;
                     break;
                 case 61:
-                    d.a1 = c;
+                    d.a3 = c;
                     break;
             }
             super.setValue(a, b, c);
@@ -234,13 +234,13 @@ export let XPopupBridge = /*@__PURE__*/ (() => {
             a.showRelativeToExclusionRect(b, this.v(c), this.u(d));
         }
         close(a) {
-            a.bx();
+            a.b3();
         }
         notifyContentSizeChanged(a) {
-            a.b0();
+            a.b6();
         }
         notifyExclusionRectChanged(a, b) {
-            a.b1(b);
+            a.b7(b);
         }
         v(a) {
             switch (a) {

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

@@ -106,28 +106,28 @@ export let IgxDatePickerComponent = /*@__PURE__*/ (() => {
          * Gets or Sets the property name that contains the values.
         */
         get today() {
-            return this.i.a3;
+            return this.i.ba;
         }
         set today(v) {
-            this.i.a3 = v;
+            this.i.ba = v;
         }
         /**
          * Gets or Sets the property name that contains the label.
         */
         get label() {
-            return this.i.bv;
+            return this.i.b3;
         }
         set label(v) {
-            this.i.bv = v;
+            this.i.b3 = v;
         }
         /**
          * Gets or sets the color to use for the text.
         */
         get labelTextColor() {
-            return brushToString(this.i.dh);
+            return brushToString(this.i.dw);
         }
         set labelTextColor(v) {
-            this.i.dh = stringToBrush(v);
+            this.i.dw = stringToBrush(v);
         }
         /**
          * Gets or sets the font to use for the combobox.
@@ -147,28 +147,28 @@ export let IgxDatePickerComponent = /*@__PURE__*/ (() => {
          * Gets or Sets the property name that contains the placeholder.
         */
         get placeholder() {
-            return this.i.b2;
+            return this.i.cb;
         }
         set placeholder(v) {
-            this.i.b2 = v;
+            this.i.cb = v;
         }
         /**
          * Gets or Sets the property name that contains the MinDate.
         */
         get minDate() {
-            return this.i.a2;
+            return this.i.a9;
         }
         set minDate(v) {
-            this.i.a2 = v;
+            this.i.a9 = v;
         }
         /**
          * Gets or Sets the property name that contains the MaxDate.
         */
         get maxDate() {
-            return this.i.a1;
+            return this.i.a8;
         }
         set maxDate(v) {
-            this.i.a1 = v;
+            this.i.a8 = v;
         }
         /**
          * Gets or sets the display density to use for the date pcicker.
@@ -206,55 +206,55 @@ export let IgxDatePickerComponent = /*@__PURE__*/ (() => {
          * Gets or Sets the text color
         */
         get textColor() {
-            return brushToString(this.i.di);
+            return brushToString(this.i.dx);
         }
         set textColor(v) {
-            this.i.di = stringToBrush(v);
+            this.i.dx = stringToBrush(v);
         }
         /**
          * Gets or Sets the text color
         */
         get iconColor() {
-            return brushToString(this.i.dg);
+            return brushToString(this.i.dv);
         }
         set iconColor(v) {
-            this.i.dg = stringToBrush(v);
+            this.i.dv = stringToBrush(v);
         }
         /**
          * Gets or sets the ShowClearButton property to detirmine if the clear button is shown
         */
         get showClearButton() {
-            return this.i.at;
+            return this.i.az;
         }
         set showClearButton(v) {
-            this.i.at = ensureBool(v);
+            this.i.az = ensureBool(v);
         }
         /**
          * Gets or sets the ShowTodayButton property to detirmine if the today button is shown
         */
         get showTodayButton() {
-            return this.i.au;
+            return this.i.a0;
         }
         set showTodayButton(v) {
-            this.i.au = ensureBool(v);
+            this.i.a0 = ensureBool(v);
         }
         /**
          * Gets or sets the AllowTextInput property to detirmine if entering text into the input is allowed
         */
         get allowTextInput() {
-            return this.i.aq;
+            return this.i.au;
         }
         set allowTextInput(v) {
-            this.i.aq = ensureBool(v);
+            this.i.au = ensureBool(v);
         }
         /**
          * Gets or sets the AllowTextInput property to detirmine if entering text into the input is allowed
         */
         get openOnFocus() {
-            return this.i.as;
+            return this.i.ay;
         }
         set openOnFocus(v) {
-            this.i.as = ensureBool(v);
+            this.i.ay = ensureBool(v);
         }
         /**
          * Gets or sets the FirstDayOfWeek property to detirmine first day of the week
@@ -278,10 +278,10 @@ export let IgxDatePickerComponent = /*@__PURE__*/ (() => {
          * Gets or sets the ShowWeekNumbers property to detirmine if the week numbers are shown
         */
         get showWeekNumbers() {
-            return this.i.av;
+            return this.i.a1;
         }
         set showWeekNumbers(v) {
-            this.i.av = ensureBool(v);
+            this.i.a1 = ensureBool(v);
         }
         /**
          * Gets or sets the date time format to use for this column. If FormatString is specificied this value is ignored.
@@ -296,16 +296,43 @@ export let IgxDatePickerComponent = /*@__PURE__*/ (() => {
          * Gets or sets the Format property to detirmine the format of the date in the input
         */
         get formatString() {
-            return this.i.br;
+            return this.i.by;
         }
         set formatString(v) {
-            this.i.br = v;
+            this.i.by = v;
         }
         get isDisabled() {
-            return this.i.ar;
+            return this.i.av;
         }
         set isDisabled(v) {
-            this.i.ar = ensureBool(v);
+            this.i.av = ensureBool(v);
+        }
+        /**
+         * Indicates that the calendar dropdown will position itself relative to the window instead of the document.
+        */
+        get isFixed() {
+            return this.i.aw;
+        }
+        set isFixed(v) {
+            this.i.aw = ensureBool(v);
+        }
+        /**
+         * Indicates that the dropdown should open as a child of the date picker.
+        */
+        get openAsChild() {
+            return this.i.ax;
+        }
+        set openAsChild(v) {
+            this.i.ax = ensureBool(v);
+        }
+        /**
+         * Indicates that the dropdown will place itself into the browser top layer.
+        */
+        get useTopLayer() {
+            return this.i.a2;
+        }
+        set useTopLayer(v) {
+            this.i.a2 = ensureBool(v);
         }
         get hasUserValues() {
             return this._hasUserValues;
@@ -361,14 +388,14 @@ export let IgxDatePickerComponent = /*@__PURE__*/ (() => {
             this._inStyling = false;
         }
         select() {
-            this.i.c3();
+            this.i.df();
         }
         /**
          * Exports visual information about the current state of the grid.
         
         */
         exportVisualModel() {
-            let iv = this.i.a8();
+            let iv = this.i.bf();
             return (iv);
         }
         /**
@@ -376,7 +403,7 @@ export let IgxDatePickerComponent = /*@__PURE__*/ (() => {
         
         */
         exportSerializedVisualModel() {
-            let iv = this.i.bo();
+            let iv = this.i.bv();
             return (iv);
         }
         /**
@@ -501,7 +528,7 @@ export let IgxDatePickerComponent = /*@__PURE__*/ (() => {
         }
     }
     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>
+    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>
                 <div #inputcontainer>
                 </div>
                 <div #popupContainer>
@@ -581,6 +608,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: [{

package/esm5/lib/CalendarView_combined.js

@@ -902,7 +902,7 @@ var CalendarView = /** @class */ /*@__PURE__*/ (function (_super) {
     };
     CalendarView.prototype.ah = function () {
         if (this.p != null) {
-            this.p.parent().parent().focus(false);
+            this.p.parent().parent().focus(true);
         }
     };
     CalendarView.prototype.aq = function (a, b) {