igniteui-webcomponents-inputs 1.4.0 → 3.2.0

package/esm2015/lib/igc-date-picker-module.js

@@ -4,7 +4,7 @@ https://www.infragistics.com/legal/license/igultimate-la
 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 { IgcCalendarModule } from './igc-calendar-module';
+import { IgcXCalendarModule } from './igc-x-calendar-module';
 import { IgcXButtonModule } from './igc-x-button-module';
 import { IgcXIconModule } from './igc-x-icon-module';
 import { IgcXInputGroupModule } from './igc-x-input-group-module';
@@ -13,7 +13,7 @@ import { DatePicker } from './DatePicker';
 import { TypeRegistrar } from "igniteui-webcomponents-core";
 export class IgcDatePickerModule {
     static register() {
-        IgcCalendarModule.register();
+        IgcXCalendarModule.register();
         IgcXButtonModule.register();
         IgcXIconModule.register();
         IgcXInputGroupModule.register();
@@ -23,4 +23,3 @@ export class IgcDatePickerModule {
         TypeRegistrar.register('DatePicker', DatePicker.$type);
     }
 }
-//# sourceMappingURL=igc-date-picker-module.js.map

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

@@ -22,4 +22,3 @@ export class IgcGotFocusEventArgs {
         this.onImplementationCreated();
     }
 }
-//# sourceMappingURL=igc-got-focus-event-args.js.map

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

@@ -35,4 +35,3 @@ export class IgcInputChangeEventArgs {
         this.i.isCompositionInProgress = ensureBool(v);
     }
 }
-//# sourceMappingURL=igc-input-change-event-args.js.map

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

@@ -22,4 +22,3 @@ export class IgcLostFocusEventArgs {
         this.onImplementationCreated();
     }
 }
-//# sourceMappingURL=igc-lost-focus-event-args.js.map

package/esm2015/lib/{igc-value-changed-event-args.js → igc-selected-value-changed-event-args.js}

@@ -1,7 +1,7 @@
-import { ValueChangedEventArgs as ValueChangedEventArgs_internal } from "./ValueChangedEventArgs";
-export class IgcValueChangedEventArgs {
+import { SelectedValueChangedEventArgs as SelectedValueChangedEventArgs_internal } from "./SelectedValueChangedEventArgs";
+export class IgcSelectedValueChangedEventArgs {
     createImplementation() {
-        return new ValueChangedEventArgs_internal();
+        return new SelectedValueChangedEventArgs_internal();
     }
     /**
      * @hidden
@@ -34,4 +34,3 @@ export class IgcValueChangedEventArgs {
         this.i.newValue = v;
     }
 }
-//# sourceMappingURL=igc-value-changed-event-args.js.map

package/esm2015/lib/igc-x-button-component.js

@@ -225,41 +225,41 @@ export let IgcXButtonComponent = /*@__PURE__*/ (() => {
          * Gets or sets the display style to use for the button.
         */
         get displayType() {
-            return this.i.s;
+            return this.i.e;
         }
         set displayType(v) {
-            this.i.s = ensureEnum(ButtonDisplayStyle_$type, v);
-            this._a("displayType", enumToString(ButtonDisplayStyle_$type, this.i.s));
+            this.i.e = ensureEnum(ButtonDisplayStyle_$type, v);
+            this._a("displayType", enumToString(ButtonDisplayStyle_$type, this.i.e));
         }
         /**
          * Gets or sets the display density to use for the button.
         */
         get density() {
-            return this.i.h;
+            return this.i.m;
         }
         set density(v) {
-            this.i.h = ensureEnum(ControlDisplayDensity_$type, v);
-            this._a("density", enumToString(ControlDisplayDensity_$type, this.i.h));
+            this.i.m = ensureEnum(ControlDisplayDensity_$type, v);
+            this._a("density", enumToString(ControlDisplayDensity_$type, this.i.m));
         }
         /**
          * Gets or sets the base built in theme to use for the button.
         */
         get baseTheme() {
-            return this.i.d;
+            return this.i.i;
         }
         set baseTheme(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));
         }
         /**
          * Gets the actual display density to use for the label.
         */
         get actualDensity() {
-            return this.i.g;
+            return this.i.l;
         }
         set actualDensity(v) {
-            this.i.g = ensureEnum(ControlDisplayDensity_$type, v);
-            this._a("actualDensity", enumToString(ControlDisplayDensity_$type, this.i.g));
+            this.i.l = ensureEnum(ControlDisplayDensity_$type, v);
+            this._a("actualDensity", enumToString(ControlDisplayDensity_$type, this.i.l));
         }
         /**
          * Gets or sets the color to use for the check mark when the checkbox is checked.
@@ -437,11 +437,11 @@ export let IgcXButtonComponent = /*@__PURE__*/ (() => {
          * Gets the actual disabled elevation to use for the button.
         */
         get actualElevationMode() {
-            return this.i.k;
+            return this.i.p;
         }
         set actualElevationMode(v) {
-            this.i.k = ensureEnum(ElevationMode_$type, v);
-            this._a("actualElevationMode", enumToString(ElevationMode_$type, this.i.k));
+            this.i.p = ensureEnum(ElevationMode_$type, v);
+            this._a("actualElevationMode", enumToString(ElevationMode_$type, this.i.p));
         }
         /**
          * Gets the color to use for the actual background.
@@ -921,11 +921,11 @@ export let IgcXButtonComponent = /*@__PURE__*/ (() => {
          * Gets or sets the disabled elevation to use for the button when the type is raised.
         */
         get elevationMode() {
-            return this.i.o;
+            return this.i.t;
         }
         set elevationMode(v) {
-            this.i.o = ensureEnum(ElevationMode_$type, v);
-            this._a("elevationMode", enumToString(ElevationMode_$type, this.i.o));
+            this.i.t = ensureEnum(ElevationMode_$type, v);
+            this._a("elevationMode", enumToString(ElevationMode_$type, this.i.t));
         }
         /**
          * Gets or sets the hover color to use for the background of the button when the  type is hovered.
@@ -2007,4 +2007,3 @@ export let IgcXButtonComponent = /*@__PURE__*/ (() => {
     IgcXButtonComponent._isElementRegistered = false;
     return IgcXButtonComponent;
 })();
-//# sourceMappingURL=igc-x-button-component.js.map

package/esm2015/lib/igc-x-button-group-button-collection.js

@@ -46,4 +46,3 @@ export class IgcXButtonGroupButtonCollection extends IgCollection {
         return coll;
     }
 }
-//# sourceMappingURL=igc-x-button-group-button-collection.js.map

package/esm2015/lib/igc-x-button-group-component.js

@@ -257,41 +257,41 @@ export let IgcXButtonGroupComponent = /*@__PURE__*/ (() => {
      * Gets or sets the display style to use for the button.
     */
         get displayType() {
-            return this.i.p;
+            return this.i.i;
         }
         set displayType(v) {
-            this.i.p = ensureEnum(ButtonGroupDisplayStyle_$type, v);
-            this._a("displayType", enumToString(ButtonGroupDisplayStyle_$type, this.i.p));
+            this.i.i = ensureEnum(ButtonGroupDisplayStyle_$type, v);
+            this._a("displayType", enumToString(ButtonGroupDisplayStyle_$type, this.i.i));
         }
         /**
          * Gets or sets the base built in theme to use for the button group.
         */
         get baseTheme() {
-            return this.i.g;
+            return this.i.p;
         }
         set baseTheme(v) {
-            this.i.g = ensureEnum(BaseControlTheme_$type, v);
-            this._a("baseTheme", enumToString(BaseControlTheme_$type, this.i.g));
+            this.i.p = ensureEnum(BaseControlTheme_$type, v);
+            this._a("baseTheme", enumToString(BaseControlTheme_$type, this.i.p));
         }
         /**
          * Gets or sets the display density to use for the button group.
         */
         get density() {
-            return this.i.k;
+            return this.i.t;
         }
         set density(v) {
-            this.i.k = ensureEnum(ControlDisplayDensity_$type, v);
-            this._a("density", enumToString(ControlDisplayDensity_$type, this.i.k));
+            this.i.t = ensureEnum(ControlDisplayDensity_$type, v);
+            this._a("density", enumToString(ControlDisplayDensity_$type, this.i.t));
         }
         /**
          * Gets the actual display density to use for the button group.
         */
         get actualDensity() {
-            return this.i.j;
+            return this.i.s;
         }
         set actualDensity(v) {
-            this.i.j = ensureEnum(ControlDisplayDensity_$type, v);
-            this._a("actualDensity", enumToString(ControlDisplayDensity_$type, this.i.j));
+            this.i.s = ensureEnum(ControlDisplayDensity_$type, v);
+            this._a("actualDensity", enumToString(ControlDisplayDensity_$type, this.i.s));
         }
         /**
          * Gets the currently selected button indices.
@@ -870,11 +870,11 @@ export let IgcXButtonGroupComponent = /*@__PURE__*/ (() => {
          * Gets or sets the oreientation to use the button group when type is outlined.
         */
         get orientation() {
-            return this.i.r;
+            return this.i.k;
         }
         set orientation(v) {
-            this.i.r = ensureEnum(ButtonGroupOrientation_$type, v);
-            this._a("orientation", enumToString(ButtonGroupOrientation_$type, this.i.r));
+            this.i.k = ensureEnum(ButtonGroupOrientation_$type, v);
+            this._a("orientation", enumToString(ButtonGroupOrientation_$type, this.i.k));
         }
         /**
          * Gets or sets the id to use for the button group.
@@ -1014,4 +1014,3 @@ export let IgcXButtonGroupComponent = /*@__PURE__*/ (() => {
     IgcXButtonGroupComponent._isElementRegistered = false;
     return IgcXButtonGroupComponent;
 })();
-//# sourceMappingURL=igc-x-button-group-component.js.map

package/esm2015/lib/igc-x-button-group-module.js

@@ -19,4 +19,3 @@ export class IgcXButtonGroupModule {
         TypeRegistrar.register('XButtonGroup', XButtonGroup.$type);
     }
 }
-//# sourceMappingURL=igc-x-button-group-module.js.map

package/esm2015/lib/igc-x-button-module.js

@@ -19,4 +19,3 @@ export class IgcXButtonModule {
         TypeRegistrar.register('XButton', XButton.$type);
     }
 }
-//# sourceMappingURL=igc-x-button-module.js.map

package/esm2015/lib/{igc-calendar-component.js → igc-x-calendar-component.js}

@@ -4,14 +4,14 @@ import { WebComponentRenderer } from "igniteui-webcomponents-core";
 import { delegateCombine, delegateRemove } from "igniteui-webcomponents-core";
 import { TypeRegistrar } from "igniteui-webcomponents-core";
 import { RegisterElementHelper } from "igniteui-webcomponents-core";
-import { Calendar } from './Calendar';
-import { IgcValueChangedEventArgs } from "./igc-value-changed-event-args";
+import { XCalendar } from './XCalendar';
+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";
 import { FirstWeek_$type } from "./FirstWeek";
-export let IgcCalendarComponent = /*@__PURE__*/ (() => {
-    class IgcCalendarComponent extends HTMLElement {
+export let IgcXCalendarComponent = /*@__PURE__*/ (() => {
+    class IgcXCalendarComponent extends HTMLElement {
         constructor() {
             super();
             this._disconnected = false;
@@ -24,8 +24,10 @@ export let IgcCalendarComponent = /*@__PURE__*/ (() => {
             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));
             }
@@ -66,7 +68,7 @@ export let IgcCalendarComponent = /*@__PURE__*/ (() => {
             this._calendar.destroy();
         }
         createImplementation() {
-            return new Calendar();
+            return new XCalendar();
         }
         disconnectedCallback() {
             this._disconnected = true;
@@ -76,8 +78,8 @@ export let IgcCalendarComponent = /*@__PURE__*/ (() => {
                 this._disconnected = false;
                 return;
             }
-            this.classList.add("ig-calendar");
-            this.classList.add("igc-calendar");
+            this.classList.add("ig-x-calendar");
+            this.classList.add("igc-x-calendar");
             var rootWrapper = this._renderer.rootWrapper;
             var rootElement = rootWrapper.getNativeElement();
             this.appendChild(rootElement);
@@ -146,14 +148,14 @@ export let IgcCalendarComponent = /*@__PURE__*/ (() => {
             this._settingAttributes = false;
         }
         static get observedAttributes() {
-            if (IgcCalendarComponent._observedAttributesIgcCalendarComponent == null) {
-                let names = getAllPropertyNames(IgcCalendarComponent);
+            if (IgcXCalendarComponent._observedAttributesIgcXCalendarComponent == null) {
+                let names = getAllPropertyNames(IgcXCalendarComponent);
                 for (let i = 0; i < names.length; i++) {
                     names[i] = toSpinal(names[i]);
                 }
-                IgcCalendarComponent._observedAttributesIgcCalendarComponent = names;
+                IgcXCalendarComponent._observedAttributesIgcXCalendarComponent = names;
             }
-            return IgcCalendarComponent._observedAttributesIgcCalendarComponent;
+            return IgcXCalendarComponent._observedAttributesIgcXCalendarComponent;
         }
         attributeChangedCallback(name, oldValue, newValue) {
             if (this._settingAttributes) {
@@ -165,19 +167,19 @@ export let IgcCalendarComponent = /*@__PURE__*/ (() => {
             this._updatingFromAttribute = false;
         }
         static register() {
-            if (!IgcCalendarComponent._isElementRegistered) {
-                IgcCalendarComponent._isElementRegistered = true;
-                RegisterElementHelper.registerElement(IgcCalendarComponent.htmlTagName, IgcCalendarComponent);
+            if (!IgcXCalendarComponent._isElementRegistered) {
+                IgcXCalendarComponent._isElementRegistered = true;
+                RegisterElementHelper.registerElement(IgcXCalendarComponent.htmlTagName, IgcXCalendarComponent);
             }
         }
         /**
      * Gets or Sets the value for the calendar.
     */
         get value() {
-            return this.i.aw;
+            return this.i.value;
         }
         set value(v) {
-            this.i.aw = v;
+            this.i.value = v;
         }
         /**
          * Gets or Sets the property name that contains the values.
@@ -210,121 +212,121 @@ export let IgcCalendarComponent = /*@__PURE__*/ (() => {
          * Gets or sets the display density to use for the calendar.
         */
         get density() {
-            return this.i.i;
+            return this.i.t;
         }
         set density(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));
         }
         /**
          * Gets or sets the base built in theme to use for the calendar.
         */
         get baseTheme() {
-            return this.i.g;
+            return this.i.r;
         }
         set baseTheme(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));
         }
         /**
          * Gets or Sets the selected date background color
         */
         get backgroundColor() {
-            return brushToString(this.i.df);
+            return brushToString(this.i.dg);
         }
         set backgroundColor(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));
         }
         /**
          * Gets or Sets the selected date background color
         */
         get selectedDateBackgroundColor() {
-            return brushToString(this.i.dl);
+            return brushToString(this.i.dm);
         }
         set selectedDateBackgroundColor(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));
         }
         /**
          * Gets or Sets the selected date background color
         */
         get selectedFocusDateBackgroundColor() {
-            return brushToString(this.i.dn);
+            return brushToString(this.i.dp);
         }
         set selectedFocusDateBackgroundColor(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));
         }
         /**
          * Gets or Sets the focus date background color
         */
         get focusDateBackgroundColor() {
-            return brushToString(this.i.di);
+            return brushToString(this.i.dj);
         }
         set focusDateBackgroundColor(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));
         }
         /**
          * Gets or Sets the focus date background color
         */
         get hoverBackgroundColor() {
-            return brushToString(this.i.dk);
+            return brushToString(this.i.dl);
         }
         set hoverBackgroundColor(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));
         }
         /**
          * Gets or Sets the selected date text color
         */
         get textColor() {
-            return brushToString(this.i.dp);
+            return brushToString(this.i.dq);
         }
         set textColor(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));
         }
         /**
          * Gets or Sets the selected date text color
         */
         get selectedDateTextColor() {
-            return brushToString(this.i.dm);
+            return brushToString(this.i.dn);
         }
         set selectedDateTextColor(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));
         }
         /**
          * Gets or Sets the focus date text color
         */
         get focusDateTextColor() {
-            return brushToString(this.i.dj);
+            return brushToString(this.i.dk);
         }
         set focusDateTextColor(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));
         }
         /**
          * Gets or Sets the current date text color
         */
         get currentDateTextColor() {
-            return brushToString(this.i.dh);
+            return brushToString(this.i.di);
         }
         set currentDateTextColor(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));
         }
         /**
          * Gets or Sets the current date text color
         */
         get currentDateBorderColor() {
-            return brushToString(this.i.dg);
+            return brushToString(this.i.dh);
         }
         set currentDateBorderColor(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));
         }
         /**
          * Gets or sets the ShowTodayButton property to detirmine if the today button is shown
@@ -355,21 +357,21 @@ export let IgcCalendarComponent = /*@__PURE__*/ (() => {
          * Gets or sets the FirstDayOfWeek property to detirmine first day of the week
         */
         get firstDayOfWeek() {
-            return this.i.p;
+            return this.i.l;
         }
         set firstDayOfWeek(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));
         }
         /**
          * Gets or sets the FirstWeekOfYear property to detirmine first week of the year
         */
         get firstWeekOfYear() {
-            return this.i.s;
+            return this.i.o;
         }
         set firstWeekOfYear(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));
         }
         /**
          * Gets or sets the ShowWeekNumbers property to detirmine if the week numbers are shown
@@ -401,7 +403,7 @@ export let IgcCalendarComponent = /*@__PURE__*/ (() => {
             if (typeName.indexOf("Xam") === 0) {
                 typeName = typeName.substring(3);
             }
-            genericPrefix = toSpinal("CalendarComponent");
+            genericPrefix = toSpinal("XCalendarComponent");
             let additionalPrefixes = [];
             let prefix = toSpinal(typeName);
             additionalPrefixes.push(prefix + "-");
@@ -453,32 +455,54 @@ export let IgcCalendarComponent = /*@__PURE__*/ (() => {
         /**
          * Called when date is selected.
         */
-        get valueChanged() {
-            return this._valueChanged;
-        }
-        set valueChanged(ev) {
-            if (this._valueChanged_wrapped !== null) {
-                this.i.valueChanged = delegateRemove(this.i.valueChanged, this._valueChanged_wrapped);
-                this._valueChanged_wrapped = null;
-                this._valueChanged = null;
+        get selectedValueChanged() {
+            return this._selectedValueChanged;
+        }
+        set selectedValueChanged(ev) {
+            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 = (o, e) => {
-                let outerArgs = new IgcValueChangedEventArgs();
+            this._selectedValueChanged = ev;
+            this._selectedValueChanged_wrapped = (o, e) => {
+                let 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);
+        }
+        get valueChange() {
+            return this._valueChange;
+        }
+        set valueChange(ev) {
+            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 = (o, e) => {
+                let 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);
         }
     }
-    IgcCalendarComponent._observedAttributesIgcCalendarComponent = null;
-    IgcCalendarComponent.htmlTagName = "igc-calendar";
-    IgcCalendarComponent._isElementRegistered = false;
-    return IgcCalendarComponent;
+    IgcXCalendarComponent._observedAttributesIgcXCalendarComponent = null;
+    IgcXCalendarComponent.htmlTagName = "igc-x-calendar";
+    IgcXCalendarComponent._isElementRegistered = false;
+    return IgcXCalendarComponent;
 })();
-//# sourceMappingURL=igc-calendar-component.js.map

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

@@ -5,10 +5,9 @@ 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';
-export class IgcCalendarLocaleEnModule {
+import { XCalendarLocaleEn } from './XCalendarLocaleEn';
+export class IgcXCalendarLocaleEnModule {
     static register() {
-        Localization.register("Calendar-en", new CalendarLocaleEn());
+        Localization.register("XCalendar-en", new XCalendarLocaleEn());
     }
 }
-//# sourceMappingURL=igc-calendar-locale-en-module.js.map

package/esm2015/lib/{igc-calendar-module.js → igc-x-calendar-module.js}

@@ -6,17 +6,16 @@ GOVERNS THE LICENSING, INSTALLATION AND USE OF INFRAGISTICS SOFTWARE. BY DOWNLOA
 */
 import { IgcXButtonModule } from './igc-x-button-module';
 import { IgcXIconModule } from './igc-x-icon-module';
-import { IgcCalendarComponent } from './igc-calendar-component';
-import { Calendar } from './Calendar';
+import { IgcXCalendarComponent } from './igc-x-calendar-component';
+import { XCalendar } from './XCalendar';
 import { TypeRegistrar } from "igniteui-webcomponents-core";
-export class IgcCalendarModule {
+export class IgcXCalendarModule {
     static register() {
         IgcXButtonModule.register();
         IgcXIconModule.register();
-        IgcCalendarComponent.register();
-        TypeRegistrar.registerCons('IgcCalendarComponent', IgcCalendarComponent);
-        TypeRegistrar.registerCons('IgcCalendarComponent', IgcCalendarComponent);
-        TypeRegistrar.register('Calendar', Calendar.$type);
+        IgcXCalendarComponent.register();
+        TypeRegistrar.registerCons('IgcXCalendarComponent', IgcXCalendarComponent);
+        TypeRegistrar.registerCons('IgcXCalendarComponent', IgcXCalendarComponent);
+        TypeRegistrar.register('XCalendar', XCalendar.$type);
     }
 }
-//# sourceMappingURL=igc-calendar-module.js.map