igniteui-angular-inputs 17.3.1-alpha.0 → 18.1.0

package/esm2015/lib/{igx-date-picker-component.js → igx-x-date-picker-component.js}

@@ -3,7 +3,7 @@ import { AngularRenderer } from "igniteui-angular-core";
 import { ensureEnum, brushToString, stringToBrush, ensureBool, initializePropertiesFromCss, NamePatcher, toSpinal } from "igniteui-angular-core";
 import { FontInfo } from "igniteui-angular-core";
 import { delegateCombine } from "igniteui-angular-core";
-import { DatePicker } from './DatePicker';
+import { XDatePicker } from './XDatePicker';
 import { IgxSelectedValueChangedEventArgs } from "./igx-selected-value-changed-event-args";
 import { IgxGotFocusEventArgs } from "./igx-got-focus-event-args";
 import { IgxLostFocusEventArgs } from "./igx-lost-focus-event-args";
@@ -16,8 +16,8 @@ import { DayOfWeek_$type } from "./DayOfWeek";
 import { FirstWeek_$type } from "./FirstWeek";
 import * as i0 from "@angular/core";
 // IgxDataGridModule.register();
-export let IgxDatePickerComponent = /*@__PURE__*/ (() => {
-    class IgxDatePickerComponent {
+export let IgxXDatePickerComponent = /*@__PURE__*/ (() => {
+    class IgxXDatePickerComponent {
         constructor(renderer, _elRef, ngZone, injector, componentFactoryResolver) {
             this.renderer = renderer;
             this._elRef = _elRef;
@@ -88,7 +88,7 @@ export let IgxDatePickerComponent = /*@__PURE__*/ (() => {
             this.updateStyle();
         }
         createImplementation() {
-            return new DatePicker();
+            return new XDatePicker();
         }
         get i() {
             return this._implementation;
@@ -106,28 +106,28 @@ export let IgxDatePickerComponent = /*@__PURE__*/ (() => {
          * Gets or Sets the property name that contains the values.
         */
         get today() {
-            return this.i.ba;
+            return this.i.bb;
         }
         set today(v) {
-            this.i.ba = v;
+            this.i.bb = v;
         }
         /**
          * Gets or Sets the property name that contains the label.
         */
         get label() {
-            return this.i.b3;
+            return this.i.b4;
         }
         set label(v) {
-            this.i.b3 = v;
+            this.i.b4 = v;
         }
         /**
          * Gets or sets the color to use for the text.
         */
         get labelTextColor() {
-            return brushToString(this.i.dw);
+            return brushToString(this.i.dx);
         }
         set labelTextColor(v) {
-            this.i.dw = stringToBrush(v);
+            this.i.dx = 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.cb;
+            return this.i.cc;
         }
         set placeholder(v) {
-            this.i.cb = v;
+            this.i.cc = v;
         }
         /**
          * Gets or Sets the property name that contains the MinDate.
         */
         get minDate() {
-            return this.i.a9;
+            return this.i.ba;
         }
         set minDate(v) {
-            this.i.a9 = v;
+            this.i.ba = v;
         }
         /**
          * Gets or Sets the property name that contains the MaxDate.
         */
         get maxDate() {
-            return this.i.a8;
+            return this.i.a9;
         }
         set maxDate(v) {
-            this.i.a8 = v;
+            this.i.a9 = v;
         }
         /**
          * Gets or sets the display density to use for the date pcicker.
@@ -206,37 +206,37 @@ export let IgxDatePickerComponent = /*@__PURE__*/ (() => {
          * Gets or Sets the text color
         */
         get textColor() {
-            return brushToString(this.i.dx);
+            return brushToString(this.i.dy);
         }
         set textColor(v) {
-            this.i.dx = stringToBrush(v);
+            this.i.dy = stringToBrush(v);
         }
         /**
          * Gets or Sets the text color
         */
         get iconColor() {
-            return brushToString(this.i.dv);
+            return brushToString(this.i.dw);
         }
         set iconColor(v) {
-            this.i.dv = stringToBrush(v);
+            this.i.dw = stringToBrush(v);
         }
         /**
          * Gets or sets the ShowClearButton property to detirmine if the clear button is shown
         */
         get showClearButton() {
-            return this.i.az;
+            return this.i.a0;
         }
         set showClearButton(v) {
-            this.i.az = ensureBool(v);
+            this.i.a0 = ensureBool(v);
         }
         /**
          * Gets or sets the ShowTodayButton property to detirmine if the today button is shown
         */
         get showTodayButton() {
-            return this.i.a0;
+            return this.i.a1;
         }
         set showTodayButton(v) {
-            this.i.a0 = ensureBool(v);
+            this.i.a1 = ensureBool(v);
         }
         /**
          * Gets or sets the AllowTextInput property to detirmine if entering text into the input is allowed
@@ -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.a1;
+            return this.i.a2;
         }
         set showWeekNumbers(v) {
-            this.i.a1 = ensureBool(v);
+            this.i.a2 = ensureBool(v);
         }
         /**
          * Gets or sets the date time format to use for this column. If FormatString is specificied this value is ignored.
@@ -296,10 +296,10 @@ 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.by;
+            return this.i.bz;
         }
         set formatString(v) {
-            this.i.by = v;
+            this.i.bz = v;
         }
         get isDisabled() {
             return this.i.av;
@@ -329,10 +329,10 @@ export let IgxDatePickerComponent = /*@__PURE__*/ (() => {
          * Indicates that the dropdown will place itself into the browser top layer.
         */
         get useTopLayer() {
-            return this.i.a2;
+            return this.i.a3;
         }
         set useTopLayer(v) {
-            this.i.a2 = ensureBool(v);
+            this.i.a3 = ensureBool(v);
         }
         get hasUserValues() {
             return this._hasUserValues;
@@ -354,7 +354,7 @@ export let IgxDatePickerComponent = /*@__PURE__*/ (() => {
             if (typeName.indexOf("Xam") === 0) {
                 typeName = typeName.substring(3);
             }
-            genericPrefix = toSpinal("DatePickerComponent");
+            genericPrefix = toSpinal("XDatePickerComponent");
             let additionalPrefixes = [];
             let prefix = toSpinal(typeName);
             additionalPrefixes.push(prefix + "-");
@@ -388,14 +388,14 @@ export let IgxDatePickerComponent = /*@__PURE__*/ (() => {
             this._inStyling = false;
         }
         select() {
-            this.i.df();
+            this.i.dg();
         }
         /**
          * Exports visual information about the current state of the grid.
         
         */
         exportVisualModel() {
-            let iv = this.i.bf();
+            let iv = this.i.bg();
             return (iv);
         }
         /**
@@ -403,7 +403,7 @@ export let IgxDatePickerComponent = /*@__PURE__*/ (() => {
         
         */
         exportSerializedVisualModel() {
-            let iv = this.i.bv();
+            let iv = this.i.bw();
             return (iv);
         }
         /**
@@ -527,19 +527,19 @@ 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", 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>
+    IgxXDatePickerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: IgxXDatePickerComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ViewContainerRef }, { token: i0.NgZone }, { token: i0.Injector }, { token: i0.ComponentFactoryResolver }], target: i0.ɵɵFactoryTarget.Component });
+    IgxXDatePickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: IgxXDatePickerComponent, selector: "igx-x-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-x-date-picker igx-x-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>
                 </div>
                </div>`, isInline: true, styles: ["\n\t\t:host {\n\t\t\tdisplay: block;\n\t\t}\n\t"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-    return IgxDatePickerComponent;
+    return IgxXDatePickerComponent;
 })();
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: IgxDatePickerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: IgxXDatePickerComponent, decorators: [{
             type: Component,
             args: [{
-                    selector: 'igx-date-picker',
+                    selector: 'igx-x-date-picker',
                     template: `<div #datePickerContainer>
                 <div #inputcontainer>
                 </div>
@@ -548,7 +548,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
                </div>`,
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     providers: [],
-                    host: { 'class': 'ig-date-picker igx-date-picker' },
+                    host: { 'class': 'ig-x-date-picker igx-x-date-picker' },
                     styles: [`
 		:host {
 			display: block;

package/esm2015/lib/{igx-date-picker-dynamic-module.js → igx-x-date-picker-dynamic-module.js}

@@ -10,42 +10,42 @@ import { IgxXCalendarDynamicModule } from './igx-x-calendar-dynamic-module';
 import { IgxXButtonDynamicModule } from './igx-x-button-dynamic-module';
 import { IgxXIconDynamicModule } from './igx-x-icon-dynamic-module';
 import { IgxXInputGroupDynamicModule } from './igx-x-input-group-dynamic-module';
-import { IgxDatePickerComponent } from './igx-date-picker-component';
-import { DatePicker } from './DatePicker';
+import { IgxXDatePickerComponent } from './igx-x-date-picker-component';
+import { XDatePicker } from './XDatePicker';
 import { TypeRegistrar } from "igniteui-angular-core";
-import { IgxDatePickerModule } from './igx-date-picker-module';
+import { IgxXDatePickerModule } from './igx-x-date-picker-module';
 import * as i0 from "@angular/core";
-export let IgxDatePickerDynamicModule = /*@__PURE__*/ (() => {
-    class IgxDatePickerDynamicModule {
+export let IgxXDatePickerDynamicModule = /*@__PURE__*/ (() => {
+    class IgxXDatePickerDynamicModule {
         constructor() {
-            TypeRegistrar.registerCons('DatePicker', DatePicker);
-            TypeRegistrar.registerCons('IgxDatePickerComponent', IgxDatePickerComponent);
-            TypeRegistrar.register('DatePicker', DatePicker.$type);
+            TypeRegistrar.registerCons('XDatePicker', XDatePicker);
+            TypeRegistrar.registerCons('IgxXDatePickerComponent', IgxXDatePickerComponent);
+            TypeRegistrar.register('XDatePicker', XDatePicker.$type);
         }
     }
-    IgxDatePickerDynamicModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: IgxDatePickerDynamicModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    IgxDatePickerDynamicModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: IgxDatePickerDynamicModule, imports: [CommonModule, IgxXCalendarDynamicModule,
+    IgxXDatePickerDynamicModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: IgxXDatePickerDynamicModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    IgxXDatePickerDynamicModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: IgxXDatePickerDynamicModule, imports: [CommonModule, IgxXCalendarDynamicModule,
             IgxXButtonDynamicModule,
             IgxXIconDynamicModule,
             IgxXInputGroupDynamicModule,
-            IgxDatePickerModule], exports: [IgxXCalendarDynamicModule,
+            IgxXDatePickerModule], exports: [IgxXCalendarDynamicModule,
             IgxXButtonDynamicModule,
             IgxXIconDynamicModule,
             IgxXInputGroupDynamicModule,
-            IgxDatePickerModule] });
-    IgxDatePickerDynamicModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: IgxDatePickerDynamicModule, imports: [[CommonModule, IgxXCalendarDynamicModule,
+            IgxXDatePickerModule] });
+    IgxXDatePickerDynamicModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: IgxXDatePickerDynamicModule, imports: [[CommonModule, IgxXCalendarDynamicModule,
                 IgxXButtonDynamicModule,
                 IgxXIconDynamicModule,
                 IgxXInputGroupDynamicModule,
-                IgxDatePickerModule
+                IgxXDatePickerModule
             ], IgxXCalendarDynamicModule,
             IgxXButtonDynamicModule,
             IgxXIconDynamicModule,
             IgxXInputGroupDynamicModule,
-            IgxDatePickerModule] });
-    return IgxDatePickerDynamicModule;
+            IgxXDatePickerModule] });
+    return IgxXDatePickerDynamicModule;
 })();
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: IgxDatePickerDynamicModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: IgxXDatePickerDynamicModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [],
@@ -53,14 +53,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
                         IgxXButtonDynamicModule,
                         IgxXIconDynamicModule,
                         IgxXInputGroupDynamicModule,
-                        IgxDatePickerModule
+                        IgxXDatePickerModule
                     ],
                     imports: [CommonModule, IgxXCalendarDynamicModule,
                         IgxXButtonDynamicModule,
                         IgxXIconDynamicModule,
                         IgxXInputGroupDynamicModule,
-                        IgxDatePickerModule
+                        IgxXDatePickerModule
                     ],
-                    entryComponents: [IgxDatePickerComponent]
+                    entryComponents: [IgxXDatePickerComponent]
                 }]
         }], ctorParameters: function () { return []; } });

package/esm2015/lib/{igx-date-picker-module.js → igx-x-date-picker-module.js}

@@ -10,27 +10,27 @@ import { IgxXCalendarModule } from './igx-x-calendar-module';
 import { IgxXButtonModule } from './igx-x-button-module';
 import { IgxXIconModule } from './igx-x-icon-module';
 import { IgxXInputGroupModule } from './igx-x-input-group-module';
-import { IgxDatePickerComponent } from './igx-date-picker-component';
-import { DatePicker } from './DatePicker';
+import { IgxXDatePickerComponent } from './igx-x-date-picker-component';
+import { XDatePicker } from './XDatePicker';
 import { TypeRegistrar } from "igniteui-angular-core";
 import * as i0 from "@angular/core";
-export let IgxDatePickerModule = /*@__PURE__*/ (() => {
-    class IgxDatePickerModule {
+export let IgxXDatePickerModule = /*@__PURE__*/ (() => {
+    class IgxXDatePickerModule {
         constructor() {
-            TypeRegistrar.registerCons('IgxDatePickerComponent', IgxDatePickerComponent);
-            TypeRegistrar.register('DatePicker', DatePicker.$type);
+            TypeRegistrar.registerCons('IgxXDatePickerComponent', IgxXDatePickerComponent);
+            TypeRegistrar.register('XDatePicker', XDatePicker.$type);
         }
     }
-    IgxDatePickerModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: IgxDatePickerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    IgxDatePickerModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: IgxDatePickerModule, declarations: [IgxDatePickerComponent], imports: [CommonModule, IgxXCalendarModule,
+    IgxXDatePickerModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: IgxXDatePickerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    IgxXDatePickerModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: IgxXDatePickerModule, declarations: [IgxXDatePickerComponent], imports: [CommonModule, IgxXCalendarModule,
             IgxXButtonModule,
             IgxXIconModule,
             IgxXInputGroupModule], exports: [IgxXCalendarModule,
             IgxXButtonModule,
             IgxXIconModule,
             IgxXInputGroupModule,
-            IgxDatePickerComponent] });
-    IgxDatePickerModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: IgxDatePickerModule, imports: [[CommonModule, IgxXCalendarModule,
+            IgxXDatePickerComponent] });
+    IgxXDatePickerModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: IgxXDatePickerModule, imports: [[CommonModule, IgxXCalendarModule,
                 IgxXButtonModule,
                 IgxXIconModule,
                 IgxXInputGroupModule
@@ -38,17 +38,17 @@ export let IgxDatePickerModule = /*@__PURE__*/ (() => {
             IgxXButtonModule,
             IgxXIconModule,
             IgxXInputGroupModule] });
-    return IgxDatePickerModule;
+    return IgxXDatePickerModule;
 })();
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: IgxDatePickerModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: IgxXDatePickerModule, decorators: [{
             type: NgModule,
             args: [{
-                    declarations: [IgxDatePickerComponent],
+                    declarations: [IgxXDatePickerComponent],
                     exports: [IgxXCalendarModule,
                         IgxXButtonModule,
                         IgxXIconModule,
                         IgxXInputGroupModule,
-                        IgxDatePickerComponent
+                        IgxXDatePickerComponent
                     ],
                     imports: [CommonModule, IgxXCalendarModule,
                         IgxXButtonModule,

package/esm2015/public_api.js

@@ -12,12 +12,12 @@ export * from './lib/FirstWeek';
 export * from './lib/CalendarVisualModelExport';
 export * from './lib/TextElementsVisualModelExport';
 export * from './lib/XCalendarLocaleEn';
-export * from './lib/igx-date-picker-component';
-export * from './lib/igx-date-picker-dynamic-module';
-export * from './lib/igx-date-picker-module';
+export * from './lib/igx-x-date-picker-component';
+export * from './lib/igx-x-date-picker-dynamic-module';
+export * from './lib/igx-x-date-picker-module';
 export * from './lib/DateTimeValueFormatter';
 export * from './lib/DatePickerView';
-export * from './lib/DatePicker';
+export * from './lib/XDatePicker';
 export * from './lib/GotFocusEventArgs';
 export * from './lib/igx-got-focus-event-args';
 export * from './lib/LostFocusEventArgs';
@@ -121,3 +121,4 @@ export * from './lib/LabelVisualModelExport';
 export * from './lib/PrefixVisualModelExport';
 export * from './lib/RippleVisualModelExport';
 export * from './lib/SuffixVisualModelExport';
+export * from './lib/TextBlockVisualModelExport';

package/esm5/lib/ButtonGroupVisualModelExport.js

@@ -46,7 +46,7 @@ var ButtonGroupVisualModelExport = /** @class */ /*@__PURE__*/ (function (_super
             if (b != 0) {
                 a.l(",");
             }
-            a.l(this.i._inner[b].ab());
+            a.l(this.i._inner[b].serialize());
         }
         a.l("]");
         a.l("}");

package/esm5/lib/ButtonView_combined.js

@@ -27,7 +27,6 @@ import { FocusEventArgs } from "igniteui-angular-core";
 import { Thickness } from "igniteui-angular-core";
 import { BrushUtil } from "igniteui-angular-core";
 import { ButtonVisualModelExport } from "./ButtonVisualModelExport";
-import { UIElementPropertyAccessorFactory } from "igniteui-angular-core";
 import { AppearanceHelper } from "igniteui-angular-core";
 import { FontUtil } from "igniteui-angular-core";
 import { Dictionary$2 } from "igniteui-angular-core";
@@ -228,10 +227,13 @@ var ButtonView = /** @class */ /*@__PURE__*/ (function (_super) {
             this.n.setStyleProperty("height", h);
         }
         else {
+            this.n.setStyleProperty("width", "auto");
+            this.n.setStyleProperty("height", "auto");
             this.n.setStyleProperty("min-width", i);
             this.n.setStyleProperty("min-height", j);
             this.n.setStyleProperty("padding", m);
         }
+        this.k.rootWrapper.setStyleProperty("height", "auto");
         if (!isNaN_(this.b.bf) && this.b.bf > 0) {
             this.n.setStyleProperty("border-style", "solid");
         }
@@ -249,11 +251,6 @@ var ButtonView = /** @class */ /*@__PURE__*/ (function (_super) {
             this.n.setStyleProperty("height", "100%");
             this.k.rootWrapper.setStyleProperty("height", "100%");
         }
-        else {
-            this.n.setStyleProperty("width", "auto");
-            this.n.setStyleProperty("height", "auto");
-            this.k.rootWrapper.setStyleProperty("height", "auto");
-        }
     };
     ButtonView.prototype.as = function () {
         switch (this.b.k5) {
@@ -3552,17 +3549,15 @@ var XButton = /** @class */ /*@__PURE__*/ (function (_super) {
     };
     XButton.prototype.f0 = function () {
         var a = this.b();
-        return a.ab();
+        return a.serialize();
     };
     XButton.prototype.b = function () {
         var a = this.view.q;
         var b = this.view.s;
         var c = new ButtonVisualModelExport();
-        var d = UIElementPropertyAccessorFactory.c.a(12, 0);
-        var e = d.b(a);
-        var f = this.view.a();
-        c.s = f[0];
-        c.q = f[1];
+        var d = this.view.a();
+        c.s = d[0];
+        c.q = d[1];
         c.p = NativeUI.d(a);
         c.t = NativeUI.k(a);
         c.h = this.n;
@@ -3573,7 +3568,7 @@ var XButton = /** @class */ /*@__PURE__*/ (function (_super) {
         c.a = AppearanceHelper.a(this.ne);
         c.u = this.ct;
         c.e = AppearanceHelper.a(this.np);
-        c.ah = this.kr;
+        c.ag = this.kr;
         c.b = AppearanceHelper.a(NativeUI.aj(a));
         c.j = this.u;
         c.f = AppearanceHelper.a(NativeUI.al(b));
@@ -3589,31 +3584,31 @@ var XButton = /** @class */ /*@__PURE__*/ (function (_super) {
         c.n = this.a0;
         c.l = this.disabled;
         if (this.aa != null) {
-            var g = this.aa;
-            if (this.view != null && g.q == null) {
-                var h = this.view.k;
-                var i = FontUtil.getFontInfoFromString(h, g.fontString);
-                g.q = i.q;
-                g.f = i.f;
-                g.r = i.r;
-                g.t = i.t;
-                g.u = i.u;
-                g.v = i.v;
-            }
-            if (g.q != null) {
-                c.ac = g.q;
-            }
-            if (!isNaN_(g.f)) {
-                c.r = g.f;
-            }
-            if (g.v != null) {
-                c.ag = g.v;
-            }
-            if (g.t != null) {
-                c.ae = g.t;
-            }
-            if (g.r != null) {
-                c.ad = g.t;
+            var e = this.aa;
+            if (this.view != null && e.q == null) {
+                var f = this.view.k;
+                var g = FontUtil.getFontInfoFromString(f, e.fontString);
+                e.q = g.q;
+                e.f = g.f;
+                e.r = g.r;
+                e.t = g.t;
+                e.u = g.u;
+                e.v = g.v;
+            }
+            if (e.q != null) {
+                c.ab = e.q;
+            }
+            if (!isNaN_(e.f)) {
+                c.r = e.f;
+            }
+            if (e.v != null) {
+                c.af = e.v;
+            }
+            if (e.t != null) {
+                c.ad = e.t;
+            }
+            if (e.r != null) {
+                c.ac = e.t;
             }
         }
         return c;

package/esm5/lib/ButtonVisualModelExport.js

@@ -6,6 +6,7 @@ GOVERNS THE LICENSING, INSTALLATION AND USE OF INFRAGISTICS SOFTWARE. BY DOWNLOA
 */
 import { __extends } from "tslib";
 import { Base, markType } from "igniteui-angular-core";
+import { IVisualData_$type } from "igniteui-angular-core";
 import { StringBuilder } from "igniteui-angular-core";
 import { stringIsNullOrEmpty } from "igniteui-angular-core";
 import { isNaN_ } from "igniteui-angular-core";
@@ -28,17 +29,17 @@ var ButtonVisualModelExport = /** @class */ /*@__PURE__*/ (function (_super) {
         _this.a = null;
         _this.u = 0;
         _this.e = null;
-        _this.ah = null;
+        _this.ag = null;
         _this.b = null;
         _this.j = 0;
         _this.f = null;
         _this.o = 0;
+        _this.ad = null;
         _this.ae = null;
         _this.af = null;
-        _this.ag = null;
         _this.r = 0;
+        _this.ab = null;
         _this.ac = null;
-        _this.ad = null;
         _this.x = null;
         _this.y = null;
         _this.z = null;
@@ -51,7 +52,7 @@ var ButtonVisualModelExport = /** @class */ /*@__PURE__*/ (function (_super) {
         _this.l = false;
         return _this;
     }
-    ButtonVisualModelExport.prototype.ab = function () {
+    ButtonVisualModelExport.prototype.serialize = function () {
         var a = new StringBuilder(0);
         a.l("{");
         a.l("top : " + this.s + ", ");
@@ -72,20 +73,20 @@ var ButtonVisualModelExport = /** @class */ /*@__PURE__*/ (function (_super) {
         a.l("actualElevationMode : " + this.j + ", ");
         a.l("actualTextColor : " + this.f.serialize() + ", ");
         a.l("actualBorderWidth : " + this.o + ", ");
+        if (!stringIsNullOrEmpty(this.ad)) {
+            a.l("textStyleFontStyle : \"" + this.ad + "\", ");
+        }
         if (!stringIsNullOrEmpty(this.ae)) {
-            a.l("textStyleFontStyle : \"" + this.ae + "\", ");
+            a.l("textStyleFontVariant : \"" + this.ae + "\", ");
         }
         if (!stringIsNullOrEmpty(this.af)) {
-            a.l("textStyleFontVariant : \"" + this.af + "\", ");
+            a.l("textStyleFontWeight : \"" + this.af + "\", ");
         }
-        if (!stringIsNullOrEmpty(this.ag)) {
-            a.l("textStyleFontWeight : \"" + this.ag + "\", ");
+        if (!stringIsNullOrEmpty(this.ab)) {
+            a.l("textStyleFontFamily : \"" + this.ab + "\", ");
         }
         if (!stringIsNullOrEmpty(this.ac)) {
-            a.l("textStyleFontFamily : \"" + this.ac + "\", ");
-        }
-        if (!stringIsNullOrEmpty(this.ad)) {
-            a.l("textStyleFontStretch : \"" + this.ad + "\", ");
+            a.l("textStyleFontStretch : \"" + this.ac + "\", ");
         }
         if (!isNaN_(this.r)) {
             a.l("textStyleFontSize : " + this.r + ", ");
@@ -105,7 +106,7 @@ var ButtonVisualModelExport = /** @class */ /*@__PURE__*/ (function (_super) {
         a.l("}");
         return a.toString();
     };
-    ButtonVisualModelExport.$t = markType(ButtonVisualModelExport, 'ButtonVisualModelExport');
+    ButtonVisualModelExport.$t = markType(ButtonVisualModelExport, 'ButtonVisualModelExport', Base.$, [IVisualData_$type]);
     return ButtonVisualModelExport;
 }(Base));
 export { ButtonVisualModelExport };

package/esm5/lib/CalendarView_combined.js

@@ -2410,7 +2410,9 @@ var XCalendar = /** @class */ /*@__PURE__*/ (function (_super) {
             }
         }
         else {
+            this.aj._inner[0].disabled = false;
             this.aj._inner[2].disabled = false;
+            this.aj._inner[3].disabled = false;
             if (b == this.au.getFullYear()) {
                 if (c == dateGetMonth(this.au)) {
                     this.aj._inner[0].disabled = true;

package/esm5/lib/CalendarVisualModelExport.js

@@ -74,7 +74,7 @@ var CalendarVisualModelExport = /** @class */ /*@__PURE__*/ (function (_super) {
                 a.l(",");
             }
             var c = this.j._inner[b].aa.charAt(0).toString().toLowerCase() + this.j._inner[b].aa.substr(1);
-            a.l(this.j._inner[b].ab());
+            a.l(this.j._inner[b].serialize());
         }
         a.l("],");
         a.l("dayNamesModels: [");