igniteui-webcomponents-inputs 1.3.3 → 1.4.2

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

@@ -5,7 +5,7 @@ import { delegateCombine, delegateRemove } from "igniteui-webcomponents-core";
 import { TypeRegistrar } from "igniteui-webcomponents-core";
 import { RegisterElementHelper } from "igniteui-webcomponents-core";
 import { DatePicker } from './DatePicker';
-import { IgcValueChangedEventArgs } from "./igc-value-changed-event-args";
+import { IgcSelectedValueChangedEventArgs } from "./igc-selected-value-changed-event-args";
 import { IgcGotFocusEventArgs } from "./igc-got-focus-event-args";
 import { IgcLostFocusEventArgs } from "./igc-lost-focus-event-args";
 import { IgcInputChangeEventArgs } from "./igc-input-change-event-args";
@@ -29,8 +29,8 @@ export let IgcDatePickerComponent = /*@__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._gotFocus = null;
             this._gotFocus_wrapped = null;
             this._lostFocus = null;
@@ -39,6 +39,8 @@ export let IgcDatePickerComponent = /*@__PURE__*/ (() => {
             this._keyDown_wrapped = null;
             this._changing = null;
             this._changing_wrapped = null;
+            this._valueChange = null;
+            this._valueChange_wrapped = null;
             if (this._styling) {
                 NamePatcher.ensureStylablePatched(Object.getPrototypeOf(this));
             }
@@ -191,38 +193,38 @@ export let IgcDatePickerComponent = /*@__PURE__*/ (() => {
      * Gets or Sets the property name that contains the values.
     */
         get value() {
-            return this.i.a1;
+            return this.i.value;
         }
         set value(v) {
-            this.i.a1 = v;
+            this.i.value = v;
         }
         /**
          * Gets or Sets the property name that contains the values.
         */
         get today() {
-            return this.i.a0;
+            return this.i.a2;
         }
         set today(v) {
-            this.i.a0 = v;
+            this.i.a2 = v;
         }
         /**
          * Gets or Sets the property name that contains the label.
         */
         get label() {
-            return this.i.bp;
+            return this.i.bs;
         }
         set label(v) {
-            this.i.bp = v;
+            this.i.bs = v;
         }
         /**
          * Gets or sets the color to use for the text.
         */
         get labelTextColor() {
-            return brushToString(this.i.c9);
+            return brushToString(this.i.dc);
         }
         set labelTextColor(v) {
-            this.i.c9 = stringToBrush(v);
-            this._a("labelTextColor", brushToString(this.i.c9));
+            this.i.dc = stringToBrush(v);
+            this._a("labelTextColor", brushToString(this.i.dc));
         }
         /**
          * Gets or sets the font to use for the combobox.
@@ -243,48 +245,48 @@ export let IgcDatePickerComponent = /*@__PURE__*/ (() => {
          * Gets or Sets the property name that contains the placeholder.
         */
         get placeholder() {
-            return this.i.bw;
+            return this.i.bz;
         }
         set placeholder(v) {
-            this.i.bw = v;
+            this.i.bz = v;
         }
         /**
          * Gets or Sets the property name that contains the MinDate.
         */
         get minDate() {
-            return this.i.az;
+            return this.i.a1;
         }
         set minDate(v) {
-            this.i.az = v;
+            this.i.a1 = v;
         }
         /**
          * Gets or Sets the property name that contains the MaxDate.
         */
         get maxDate() {
-            return this.i.ay;
+            return this.i.a0;
         }
         set maxDate(v) {
-            this.i.ay = v;
+            this.i.a0 = v;
         }
         /**
          * Gets or sets the display density to use for the date pcicker.
         */
         get density() {
-            return this.i.d;
+            return this.i.y;
         }
         set density(v) {
-            this.i.d = ensureEnum(ControlDisplayDensity_$type, v);
-            this._a("density", enumToString(ControlDisplayDensity_$type, this.i.d));
+            this.i.y = ensureEnum(ControlDisplayDensity_$type, v);
+            this._a("density", enumToString(ControlDisplayDensity_$type, this.i.y));
         }
         /**
          * Gets or sets the base built in theme to use for the date picker.
         */
         get baseTheme() {
-            return this.i.b;
+            return this.i.w;
         }
         set baseTheme(v) {
-            this.i.b = ensureEnum(BaseControlTheme_$type, v);
-            this._a("baseTheme", enumToString(BaseControlTheme_$type, this.i.b));
+            this.i.w = ensureEnum(BaseControlTheme_$type, v);
+            this._a("baseTheme", enumToString(BaseControlTheme_$type, this.i.w));
         }
         /**
          * Gets or sets the font to use for the combobox.
@@ -305,110 +307,117 @@ export let IgcDatePickerComponent = /*@__PURE__*/ (() => {
          * Gets or Sets the text color
         */
         get textColor() {
-            return brushToString(this.i.da);
+            return brushToString(this.i.dd);
         }
         set textColor(v) {
-            this.i.da = stringToBrush(v);
-            this._a("textColor", brushToString(this.i.da));
+            this.i.dd = stringToBrush(v);
+            this._a("textColor", brushToString(this.i.dd));
         }
         /**
          * Gets or Sets the text color
         */
         get iconColor() {
-            return brushToString(this.i.c8);
+            return brushToString(this.i.db);
         }
         set iconColor(v) {
-            this.i.c8 = stringToBrush(v);
-            this._a("iconColor", brushToString(this.i.c8));
+            this.i.db = stringToBrush(v);
+            this._a("iconColor", brushToString(this.i.db));
         }
         /**
          * Gets or sets the ShowClearButton property to detirmine if the clear button is shown
         */
         get showClearButton() {
-            return this.i.aq;
+            return this.i.as;
         }
         set showClearButton(v) {
-            this.i.aq = ensureBool(v);
-            this._a("showClearButton", this.i.aq);
+            this.i.as = ensureBool(v);
+            this._a("showClearButton", this.i.as);
         }
         /**
          * Gets or sets the ShowTodayButton property to detirmine if the today button is shown
         */
         get showTodayButton() {
-            return this.i.ar;
+            return this.i.at;
         }
         set showTodayButton(v) {
-            this.i.ar = ensureBool(v);
-            this._a("showTodayButton", this.i.ar);
+            this.i.at = ensureBool(v);
+            this._a("showTodayButton", this.i.at);
         }
         /**
          * Gets or sets the AllowTextInput property to detirmine if entering text into the input is allowed
         */
         get allowTextInput() {
-            return this.i.ao;
+            return this.i.ap;
         }
         set allowTextInput(v) {
-            this.i.ao = ensureBool(v);
-            this._a("allowTextInput", this.i.ao);
+            this.i.ap = ensureBool(v);
+            this._a("allowTextInput", this.i.ap);
         }
         /**
          * Gets or sets the AllowTextInput property to detirmine if entering text into the input is allowed
         */
         get openOnFocus() {
-            return this.i.ap;
+            return this.i.ar;
         }
         set openOnFocus(v) {
-            this.i.ap = ensureBool(v);
-            this._a("openOnFocus", this.i.ap);
+            this.i.ar = ensureBool(v);
+            this._a("openOnFocus", this.i.ar);
         }
         /**
          * Gets or sets the FirstDayOfWeek property to detirmine first day of the week
         */
         get firstDayOfWeek() {
-            return this.i.n;
+            return this.i.j;
         }
         set firstDayOfWeek(v) {
-            this.i.n = ensureEnum(DayOfWeek_$type, v);
-            this._a("firstDayOfWeek", enumToString(DayOfWeek_$type, this.i.n));
+            this.i.j = ensureEnum(DayOfWeek_$type, v);
+            this._a("firstDayOfWeek", enumToString(DayOfWeek_$type, this.i.j));
         }
         /**
          * Gets or sets the FirstWeekOfYear property to detirmine first week of the year
         */
         get firstWeekOfYear() {
-            return this.i.p;
+            return this.i.l;
         }
         set firstWeekOfYear(v) {
-            this.i.p = ensureEnum(FirstWeek_$type, v);
-            this._a("firstWeekOfYear", enumToString(FirstWeek_$type, this.i.p));
+            this.i.l = ensureEnum(FirstWeek_$type, v);
+            this._a("firstWeekOfYear", enumToString(FirstWeek_$type, this.i.l));
         }
         /**
          * Gets or sets the ShowWeekNumbers property to detirmine if the week numbers are shown
         */
         get showWeekNumbers() {
-            return this.i.as;
+            return this.i.au;
         }
         set showWeekNumbers(v) {
-            this.i.as = ensureBool(v);
-            this._a("showWeekNumbers", this.i.as);
+            this.i.au = ensureBool(v);
+            this._a("showWeekNumbers", this.i.au);
         }
         /**
          * Gets or sets the date time format to use for this column. If FormatString is specificied this value is ignored.
         */
         get dateFormat() {
-            return this.i.i;
+            return this.i.e;
         }
         set dateFormat(v) {
-            this.i.i = ensureEnum(DateFormats_$type, v);
-            this._a("dateFormat", enumToString(DateFormats_$type, this.i.i));
+            this.i.e = ensureEnum(DateFormats_$type, v);
+            this._a("dateFormat", enumToString(DateFormats_$type, this.i.e));
         }
         /**
          * Gets or sets the Format property to detirmine the format of the date in the input
         */
         get formatString() {
-            return this.i.bm;
+            return this.i.bo;
         }
         set formatString(v) {
-            this.i.bm = v;
+            this.i.bo = v;
+        }
+        get isDisabled() {
+            return this.i.aq;
+        }
+        set isDisabled(v) {
+            this.i.aq = ensureBool(v);
+            this._a("isDisabled", this.i.aq);
         }
         get hasUserValues() {
             return this._hasUserValues;
@@ -464,14 +473,14 @@ export let IgcDatePickerComponent = /*@__PURE__*/ (() => {
             this._inStyling = false;
         }
         select() {
-            this.i.cw();
+            this.i.cz();
         }
         /**
          * Exports visual information about the current state of the grid.
         
         */
         exportVisualModel() {
-            let iv = this.i.a3();
+            let iv = this.i.a5();
             return (iv);
         }
         /**
@@ -479,33 +488,33 @@ export let IgcDatePickerComponent = /*@__PURE__*/ (() => {
         
         */
         exportSerializedVisualModel() {
-            let iv = this.i.bj();
+            let iv = this.i.bl();
             return (iv);
         }
         /**
          * 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.valueChanged = delegateCombine(this.i.valueChanged, this._valueChanged_wrapped);
+            this.i.selectedValueChanged = delegateCombine(this.i.selectedValueChanged, this._selectedValueChanged_wrapped);
         }
         get gotFocus() {
             return this._gotFocus;
@@ -595,10 +604,32 @@ export let IgcDatePickerComponent = /*@__PURE__*/ (() => {
             };
             this.i.changing = delegateCombine(this.i.changing, this._changing_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.propertyChanged = delegateCombine(this.i.propertyChanged, this._valueChange_wrapped);
+        }
     }
     IgcDatePickerComponent._observedAttributesIgcDatePickerComponent = null;
     IgcDatePickerComponent.htmlTagName = "igc-date-picker";
     IgcDatePickerComponent._isElementRegistered = false;
     return IgcDatePickerComponent;
 })();
-//# sourceMappingURL=igc-date-picker-component.js.map

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

@@ -4,23 +4,22 @@ 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 { IgcButtonModule } from './igc-button-module';
-import { IgcIconModule } from './igc-icon-module';
-import { IgcInputGroupModule } from './igc-input-group-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';
 import { IgcDatePickerComponent } from './igc-date-picker-component';
 import { DatePicker } from './DatePicker';
 import { TypeRegistrar } from "igniteui-webcomponents-core";
 export class IgcDatePickerModule {
     static register() {
-        IgcCalendarModule.register();
-        IgcButtonModule.register();
-        IgcIconModule.register();
-        IgcInputGroupModule.register();
+        IgcXCalendarModule.register();
+        IgcXButtonModule.register();
+        IgcXIconModule.register();
+        IgcXInputGroupModule.register();
         IgcDatePickerComponent.register();
         TypeRegistrar.registerCons('IgcDatePickerComponent', IgcDatePickerComponent);
         TypeRegistrar.registerCons('IgcDatePickerComponent', IgcDatePickerComponent);
         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-button-component.js → igc-x-button-component.js}

@@ -1,4 +1,4 @@
-import { Button } from "./Button";
+import { XButton } from "./XButton";
 import { ensureEnum, brushToString, stringToBrush, ensureBool, initializePropertiesFromCss, NamePatcher, toSpinal, enumToString, getAllPropertyNames, fromSpinal } from "igniteui-webcomponents-core";
 import { FontInfo } from "igniteui-webcomponents-core";
 import { WebComponentRenderer, PortalManager } from "igniteui-webcomponents-core";
@@ -12,8 +12,8 @@ import { ControlDisplayDensity_$type } from "igniteui-webcomponents-core";
 import { BaseControlTheme_$type } from "igniteui-webcomponents-core";
 import { ElevationMode_$type } from "igniteui-webcomponents-core";
 import { IgcHTMLElement } from "igniteui-webcomponents-core";
-export let IgcButtonComponent = /*@__PURE__*/ (() => {
-    class IgcButtonComponent extends IgcHTMLElement {
+export let IgcXButtonComponent = /*@__PURE__*/ (() => {
+    class IgcXButtonComponent extends IgcHTMLElement {
         constructor() {
             super();
             this._disconnected = false;
@@ -95,7 +95,7 @@ export let IgcButtonComponent = /*@__PURE__*/ (() => {
             this._wrapper.destroy();
         }
         createImplementation() {
-            return new Button();
+            return new XButton();
         }
         disconnectedCallback() {
             this._disconnected = true;
@@ -111,8 +111,8 @@ export let IgcButtonComponent = /*@__PURE__*/ (() => {
                 }
                 return;
             }
-            this.classList.add("ig-button");
-            this.classList.add("igc-button");
+            this.classList.add("ig-x-button");
+            this.classList.add("igc-x-button");
             this.appendChild(this._container.getNativeElement());
             this._attached = true;
             this.style.display = this.display;
@@ -177,14 +177,14 @@ export let IgcButtonComponent = /*@__PURE__*/ (() => {
             this._settingAttributes = false;
         }
         static get observedAttributes() {
-            if (IgcButtonComponent._observedAttributesIgcButtonComponent == null) {
-                let names = getAllPropertyNames(IgcButtonComponent);
+            if (IgcXButtonComponent._observedAttributesIgcXButtonComponent == null) {
+                let names = getAllPropertyNames(IgcXButtonComponent);
                 for (let i = 0; i < names.length; i++) {
                     names[i] = toSpinal(names[i]);
                 }
-                IgcButtonComponent._observedAttributesIgcButtonComponent = names;
+                IgcXButtonComponent._observedAttributesIgcXButtonComponent = names;
             }
-            return IgcButtonComponent._observedAttributesIgcButtonComponent;
+            return IgcXButtonComponent._observedAttributesIgcXButtonComponent;
         }
         attributeChangedCallback(name, oldValue, newValue) {
             if (this._settingAttributes) {
@@ -196,9 +196,9 @@ export let IgcButtonComponent = /*@__PURE__*/ (() => {
             this._updatingFromAttribute = false;
         }
         static register() {
-            if (!IgcButtonComponent._isElementRegistered) {
-                IgcButtonComponent._isElementRegistered = true;
-                RegisterElementHelper.registerElement(IgcButtonComponent.htmlTagName, IgcButtonComponent);
+            if (!IgcXButtonComponent._isElementRegistered) {
+                IgcXButtonComponent._isElementRegistered = true;
+                RegisterElementHelper.registerElement(IgcXButtonComponent.htmlTagName, IgcXButtonComponent);
             }
         }
         /**
@@ -225,41 +225,41 @@ export let IgcButtonComponent = /*@__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 IgcButtonComponent = /*@__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 IgcButtonComponent = /*@__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.
@@ -1924,7 +1924,7 @@ export let IgcButtonComponent = /*@__PURE__*/ (() => {
             if (typeName.indexOf("Xam") === 0) {
                 typeName = typeName.substring(3);
             }
-            genericPrefix = toSpinal("ButtonComponent");
+            genericPrefix = toSpinal("XButtonComponent");
             let additionalPrefixes = [];
             let prefix = toSpinal(typeName);
             additionalPrefixes.push(prefix + "-");
@@ -2002,9 +2002,8 @@ export let IgcButtonComponent = /*@__PURE__*/ (() => {
             this.i.clicked = delegateCombine(this.i.clicked, this._clicked_wrapped);
         }
     }
-    IgcButtonComponent._observedAttributesIgcButtonComponent = null;
-    IgcButtonComponent.htmlTagName = "igc-button";
-    IgcButtonComponent._isElementRegistered = false;
-    return IgcButtonComponent;
+    IgcXButtonComponent._observedAttributesIgcXButtonComponent = null;
+    IgcXButtonComponent.htmlTagName = "igc-x-button";
+    IgcXButtonComponent._isElementRegistered = false;
+    return IgcXButtonComponent;
 })();
-//# sourceMappingURL=igc-button-component.js.map