igniteui-webcomponents-inputs 1.3.3 → 1.4.2

package/esm5/lib/igc-x-calendar-module.js

@@ -0,0 +1,25 @@
+/*
+THIS INFRAGISTICS ULTIMATE SOFTWARE LICENSE  AGREEMENT ("AGREEMENT") LOCATED HERE:
+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 { IgcXButtonModule } from './igc-x-button-module';
+import { IgcXIconModule } from './igc-x-icon-module';
+import { IgcXCalendarComponent } from './igc-x-calendar-component';
+import { XCalendar } from './XCalendar';
+import { TypeRegistrar } from "igniteui-webcomponents-core";
+var IgcXCalendarModule = /** @class */ /*@__PURE__*/ (function () {
+    function IgcXCalendarModule() {
+    }
+    IgcXCalendarModule.register = function () {
+        IgcXButtonModule.register();
+        IgcXIconModule.register();
+        IgcXCalendarComponent.register();
+        TypeRegistrar.registerCons('IgcXCalendarComponent', IgcXCalendarComponent);
+        TypeRegistrar.registerCons('IgcXCalendarComponent', IgcXCalendarComponent);
+        TypeRegistrar.register('XCalendar', XCalendar.$type);
+    };
+    return IgcXCalendarModule;
+}());
+export { IgcXCalendarModule };

package/esm5/lib/{igc-checkbox-component.js → igc-x-checkbox-component.js}

@@ -1,5 +1,5 @@
 import * as tslib_1 from "tslib";
-import { Checkbox } from "./Checkbox";
+import { XCheckbox } from "./XCheckbox";
 import { ensureEnum, brushToString, stringToBrush, ensureBool, initializePropertiesFromCss, NamePatcher, toSpinal, enumToString, getAllPropertyNames, fromSpinal } from "igniteui-webcomponents-core";
 import { WebComponentRenderer, PortalManager } from "igniteui-webcomponents-core";
 import { delegateCombine, delegateRemove } from "igniteui-webcomponents-core";
@@ -11,9 +11,9 @@ import { BaseControlTheme_$type } from "igniteui-webcomponents-core";
 import { IgcHTMLElement } from "igniteui-webcomponents-core";
 var pending = [];
 var checked = /*@__PURE__*/ new WeakMap(); // TODO why not WeakSet?
-var IgcCheckboxComponent = /** @class */ /*@__PURE__*/ (function (_super) {
-    tslib_1.__extends(IgcCheckboxComponent, _super);
-    function IgcCheckboxComponent() {
+var IgcXCheckboxComponent = /** @class */ /*@__PURE__*/ (function (_super) {
+    tslib_1.__extends(IgcXCheckboxComponent, _super);
+    function IgcXCheckboxComponent() {
         var _this = _super.call(this) || this;
         _this._disconnected = false;
         _this._settingAttributes = false;
@@ -81,7 +81,7 @@ var IgcCheckboxComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         //    this._checkbox.notifySizeChanged();
         //});
     }
-    IgcCheckboxComponent.prototype._onChildrenChanged = function () {
+    IgcXCheckboxComponent.prototype._onChildrenChanged = function () {
         var children = [];
         for (var i = 0; i < this.childNodes.length; i++) {
             var child = this.childNodes[i];
@@ -92,23 +92,23 @@ var IgcCheckboxComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         this._portalManager.onChildrenChanged(children);
     };
     // supports angular themes or custom properties set in CSS
-    IgcCheckboxComponent.prototype.updateStyle = function () {
+    IgcXCheckboxComponent.prototype.updateStyle = function () {
         this._styling(this, this);
     };
-    IgcCheckboxComponent.prototype.destroy = function () {
+    IgcXCheckboxComponent.prototype.destroy = function () {
         this._checkbox.destroy();
         this._wrapper.destroy();
     };
-    IgcCheckboxComponent.prototype.createImplementation = function () {
-        return new Checkbox();
+    IgcXCheckboxComponent.prototype.createImplementation = function () {
+        return new XCheckbox();
     };
-    IgcCheckboxComponent.prototype.disconnectedCallback = function () {
+    IgcXCheckboxComponent.prototype.disconnectedCallback = function () {
         this._disconnected = true;
         if (this.i) {
             this.i.onDetachedFromUI();
         }
     };
-    IgcCheckboxComponent.prototype.connectedCallback = function () {
+    IgcXCheckboxComponent.prototype.connectedCallback = function () {
         if (this._disconnected) {
             this._disconnected = false;
             if (this.i) {
@@ -116,8 +116,8 @@ var IgcCheckboxComponent = /** @class */ /*@__PURE__*/ (function (_super) {
             }
             return;
         }
-        this.classList.add("ig-checkbox");
-        this.classList.add("igc-checkbox");
+        this.classList.add("ig-x-checkbox");
+        this.classList.add("igc-x-checkbox");
         this.appendChild(this._container.getNativeElement());
         this._attached = true;
         this.style.display = "inline-block";
@@ -128,11 +128,11 @@ var IgcCheckboxComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         this._styling(this, this);
         this.afterContentInit();
     };
-    IgcCheckboxComponent.prototype.afterContentInit = function () {
+    IgcXCheckboxComponent.prototype.afterContentInit = function () {
         this.i.onContentReady();
         //this.i.notifySizeChanged();
     };
-    Object.defineProperty(IgcCheckboxComponent.prototype, "i", {
+    Object.defineProperty(IgcXCheckboxComponent.prototype, "i", {
         /**
          * @hidden
          */
@@ -144,7 +144,7 @@ var IgcCheckboxComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         enumerable: true,
         configurable: true
     });
-    IgcCheckboxComponent._createFromInternal = function (internal) {
+    IgcXCheckboxComponent._createFromInternal = function (internal) {
         if (!internal) {
             return null;
         }
@@ -158,10 +158,10 @@ var IgcCheckboxComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         }
         return TypeRegistrar.create(externalName);
     };
-    IgcCheckboxComponent.prototype._enqueueSetAttribute = function (attrName, attrValue) {
+    IgcXCheckboxComponent.prototype._enqueueSetAttribute = function (attrName, attrValue) {
         this._queuedSetAttributes.push({ attrName: attrName, attrValue: attrValue });
     };
-    IgcCheckboxComponent.prototype._flushQueuedAttributes = function () {
+    IgcXCheckboxComponent.prototype._flushQueuedAttributes = function () {
         this._settingAttributes = true;
         for (var i = 0; i < this._queuedSetAttributes.length; i++) {
             this.setAttribute(this._queuedSetAttributes[i].attrName, this._queuedSetAttributes[i].attrValue);
@@ -169,7 +169,7 @@ var IgcCheckboxComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         this._settingAttributes = false;
         this._queuedSetAttributes.length = 0;
     };
-    IgcCheckboxComponent.prototype._a = function (attrName, attrValue) {
+    IgcXCheckboxComponent.prototype._a = function (attrName, attrValue) {
         if (this._updatingFromAttribute) {
             return;
         }
@@ -186,21 +186,21 @@ var IgcCheckboxComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         }
         this._settingAttributes = false;
     };
-    Object.defineProperty(IgcCheckboxComponent, "observedAttributes", {
+    Object.defineProperty(IgcXCheckboxComponent, "observedAttributes", {
         get: function () {
-            if (IgcCheckboxComponent._observedAttributesIgcCheckboxComponent == null) {
-                var names = getAllPropertyNames(IgcCheckboxComponent);
+            if (IgcXCheckboxComponent._observedAttributesIgcXCheckboxComponent == null) {
+                var names = getAllPropertyNames(IgcXCheckboxComponent);
                 for (var i = 0; i < names.length; i++) {
                     names[i] = toSpinal(names[i]);
                 }
-                IgcCheckboxComponent._observedAttributesIgcCheckboxComponent = names;
+                IgcXCheckboxComponent._observedAttributesIgcXCheckboxComponent = names;
             }
-            return IgcCheckboxComponent._observedAttributesIgcCheckboxComponent;
+            return IgcXCheckboxComponent._observedAttributesIgcXCheckboxComponent;
         },
         enumerable: true,
         configurable: true
     });
-    IgcCheckboxComponent.prototype.attributeChangedCallback = function (name, oldValue, newValue) {
+    IgcXCheckboxComponent.prototype.attributeChangedCallback = function (name, oldValue, newValue) {
         if (this._settingAttributes) {
             return;
         }
@@ -209,27 +209,27 @@ var IgcCheckboxComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         this[setName] = newValue;
         this._updatingFromAttribute = false;
     };
-    IgcCheckboxComponent.register = function () {
-        if (!IgcCheckboxComponent._isElementRegistered) {
-            IgcCheckboxComponent._isElementRegistered = true;
-            RegisterElementHelper.registerElement(IgcCheckboxComponent.htmlTagName, IgcCheckboxComponent);
+    IgcXCheckboxComponent.register = function () {
+        if (!IgcXCheckboxComponent._isElementRegistered) {
+            IgcXCheckboxComponent._isElementRegistered = true;
+            RegisterElementHelper.registerElement(IgcXCheckboxComponent.htmlTagName, IgcXCheckboxComponent);
         }
     };
-    Object.defineProperty(IgcCheckboxComponent.prototype, "baseTheme", {
+    Object.defineProperty(IgcXCheckboxComponent.prototype, "baseTheme", {
         /**
      * Gets or sets the base built in theme to use for the checkbox.
     */
         get: function () {
-            return this.i.d;
+            return this.i.i;
         },
         set: function (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));
         },
         enumerable: true,
         configurable: true
     });
-    Object.defineProperty(IgcCheckboxComponent.prototype, "uncheckedBackgroundColor", {
+    Object.defineProperty(IgcXCheckboxComponent.prototype, "uncheckedBackgroundColor", {
         /**
          * Gets or sets the color to use for the background when the checkbox is unchecked.
         */
@@ -243,7 +243,7 @@ var IgcCheckboxComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         enumerable: true,
         configurable: true
     });
-    Object.defineProperty(IgcCheckboxComponent.prototype, "actualUncheckedBackgroundColor", {
+    Object.defineProperty(IgcXCheckboxComponent.prototype, "actualUncheckedBackgroundColor", {
         /**
          * Gets or sets the color to use for the actual background when the checkbox is unchecked.
         */
@@ -257,7 +257,7 @@ var IgcCheckboxComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         enumerable: true,
         configurable: true
     });
-    Object.defineProperty(IgcCheckboxComponent.prototype, "checkedBackgroundColor", {
+    Object.defineProperty(IgcXCheckboxComponent.prototype, "checkedBackgroundColor", {
         /**
          * Gets or sets the color to use for the background when the checkbox is checked.
         */
@@ -271,7 +271,7 @@ var IgcCheckboxComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         enumerable: true,
         configurable: true
     });
-    Object.defineProperty(IgcCheckboxComponent.prototype, "tickColor", {
+    Object.defineProperty(IgcXCheckboxComponent.prototype, "tickColor", {
         /**
          * Gets or sets the color to use for the check mark when the checkbox is checked.
         */
@@ -285,7 +285,7 @@ var IgcCheckboxComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         enumerable: true,
         configurable: true
     });
-    Object.defineProperty(IgcCheckboxComponent.prototype, "actualTickColor", {
+    Object.defineProperty(IgcXCheckboxComponent.prototype, "actualTickColor", {
         /**
          * Gets or sets the color to use for the check mark when the checkbox is checked.
         */
@@ -299,7 +299,7 @@ var IgcCheckboxComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         enumerable: true,
         configurable: true
     });
-    Object.defineProperty(IgcCheckboxComponent.prototype, "uncheckedBorderColor", {
+    Object.defineProperty(IgcXCheckboxComponent.prototype, "uncheckedBorderColor", {
         /**
          * Gets or sets the color to use for the check mark when the checkbox is unchecked.
         */
@@ -313,7 +313,7 @@ var IgcCheckboxComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         enumerable: true,
         configurable: true
     });
-    Object.defineProperty(IgcCheckboxComponent.prototype, "checkedBorderColor", {
+    Object.defineProperty(IgcXCheckboxComponent.prototype, "checkedBorderColor", {
         /**
          * Gets or sets the color to use for the check mark when the checkbox is checked.
         */
@@ -327,7 +327,7 @@ var IgcCheckboxComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         enumerable: true,
         configurable: true
     });
-    Object.defineProperty(IgcCheckboxComponent.prototype, "actualUncheckedBorderColor", {
+    Object.defineProperty(IgcXCheckboxComponent.prototype, "actualUncheckedBorderColor", {
         /**
          * Gets or sets the color to use for the check mark when the checkbox is checked.
         */
@@ -341,7 +341,7 @@ var IgcCheckboxComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         enumerable: true,
         configurable: true
     });
-    Object.defineProperty(IgcCheckboxComponent.prototype, "actualCheckedBorderColor", {
+    Object.defineProperty(IgcXCheckboxComponent.prototype, "actualCheckedBorderColor", {
         /**
          * Gets or sets the color to use for the check mark when the checkbox is checked.
         */
@@ -355,7 +355,7 @@ var IgcCheckboxComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         enumerable: true,
         configurable: true
     });
-    Object.defineProperty(IgcCheckboxComponent.prototype, "borderWidth", {
+    Object.defineProperty(IgcXCheckboxComponent.prototype, "borderWidth", {
         /**
          * Gets or sets the Width to use for the check mark when the checkbox is checked.
         */
@@ -369,7 +369,7 @@ var IgcCheckboxComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         enumerable: true,
         configurable: true
     });
-    Object.defineProperty(IgcCheckboxComponent.prototype, "actualBorderWidth", {
+    Object.defineProperty(IgcXCheckboxComponent.prototype, "actualBorderWidth", {
         /**
          * Gets or sets the Width to use for the check mark when the checkbox is checked.
         */
@@ -383,7 +383,7 @@ var IgcCheckboxComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         enumerable: true,
         configurable: true
     });
-    Object.defineProperty(IgcCheckboxComponent.prototype, "cornerRadius", {
+    Object.defineProperty(IgcXCheckboxComponent.prototype, "cornerRadius", {
         /**
          * Gets or sets the corner radius to use for the checkbox.
         */
@@ -397,7 +397,7 @@ var IgcCheckboxComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         enumerable: true,
         configurable: true
     });
-    Object.defineProperty(IgcCheckboxComponent.prototype, "tickStrokeWidth", {
+    Object.defineProperty(IgcXCheckboxComponent.prototype, "tickStrokeWidth", {
         /**
          * Gets or sets the corner radius to use for the checkbox.
         */
@@ -411,7 +411,7 @@ var IgcCheckboxComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         enumerable: true,
         configurable: true
     });
-    Object.defineProperty(IgcCheckboxComponent.prototype, "actualTickStrokeWidth", {
+    Object.defineProperty(IgcXCheckboxComponent.prototype, "actualTickStrokeWidth", {
         /**
          * Gets or sets the stroke width to use for the check mark.
         */
@@ -425,7 +425,7 @@ var IgcCheckboxComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         enumerable: true,
         configurable: true
     });
-    Object.defineProperty(IgcCheckboxComponent.prototype, "actualCornerRadius", {
+    Object.defineProperty(IgcXCheckboxComponent.prototype, "actualCornerRadius", {
         /**
          * Gets the actual corner radius to use for the checkbox.
         */
@@ -439,7 +439,7 @@ var IgcCheckboxComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         enumerable: true,
         configurable: true
     });
-    Object.defineProperty(IgcCheckboxComponent.prototype, "actualCheckedBackgroundColor", {
+    Object.defineProperty(IgcXCheckboxComponent.prototype, "actualCheckedBackgroundColor", {
         /**
          * Gets or sets the color to use for the actual background when the checkbox is checked.
         */
@@ -453,7 +453,7 @@ var IgcCheckboxComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         enumerable: true,
         configurable: true
     });
-    Object.defineProperty(IgcCheckboxComponent.prototype, "inputId", {
+    Object.defineProperty(IgcXCheckboxComponent.prototype, "inputId", {
         /**
          * Gets or sets the id to use for the internal native checkbox.
         */
@@ -466,7 +466,7 @@ var IgcCheckboxComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         enumerable: true,
         configurable: true
     });
-    Object.defineProperty(IgcCheckboxComponent.prototype, "id", {
+    Object.defineProperty(IgcXCheckboxComponent.prototype, "id", {
         /**
          * Gets or sets the id to use for the checkbox.
         */
@@ -479,7 +479,7 @@ var IgcCheckboxComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         enumerable: true,
         configurable: true
     });
-    Object.defineProperty(IgcCheckboxComponent.prototype, "labelId", {
+    Object.defineProperty(IgcXCheckboxComponent.prototype, "labelId", {
         /**
          * Gets or sets id to use for the checkbox label.
         */
@@ -492,7 +492,7 @@ var IgcCheckboxComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         enumerable: true,
         configurable: true
     });
-    Object.defineProperty(IgcCheckboxComponent.prototype, "name", {
+    Object.defineProperty(IgcXCheckboxComponent.prototype, "name", {
         /**
          * Gets or sets name to use for the checkbox.
         */
@@ -505,7 +505,7 @@ var IgcCheckboxComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         enumerable: true,
         configurable: true
     });
-    Object.defineProperty(IgcCheckboxComponent.prototype, "tabIndex", {
+    Object.defineProperty(IgcXCheckboxComponent.prototype, "tabIndex", {
         /**
          * Gets or sets TabIndex to use for the checkbox.
         */
@@ -519,7 +519,7 @@ var IgcCheckboxComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         enumerable: true,
         configurable: true
     });
-    Object.defineProperty(IgcCheckboxComponent.prototype, "required", {
+    Object.defineProperty(IgcXCheckboxComponent.prototype, "required", {
         /**
          * Gets or sets if the checkbox is required.
         */
@@ -533,7 +533,7 @@ var IgcCheckboxComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         enumerable: true,
         configurable: true
     });
-    Object.defineProperty(IgcCheckboxComponent.prototype, "ariaLabelledBy", {
+    Object.defineProperty(IgcXCheckboxComponent.prototype, "ariaLabelledBy", {
         /**
          * Gets or sets the value of the aria-labelledby attribute.
         */
@@ -546,7 +546,7 @@ var IgcCheckboxComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         enumerable: true,
         configurable: true
     });
-    Object.defineProperty(IgcCheckboxComponent.prototype, "ariaLabel", {
+    Object.defineProperty(IgcXCheckboxComponent.prototype, "ariaLabel", {
         /**
          * Gets or sets the value of the aria-label attribute.
         */
@@ -559,7 +559,7 @@ var IgcCheckboxComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         enumerable: true,
         configurable: true
     });
-    Object.defineProperty(IgcCheckboxComponent.prototype, "value", {
+    Object.defineProperty(IgcXCheckboxComponent.prototype, "value", {
         /**
          * Gets or sets value to use for the checkbox.
         */
@@ -572,7 +572,7 @@ var IgcCheckboxComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         enumerable: true,
         configurable: true
     });
-    Object.defineProperty(IgcCheckboxComponent.prototype, "focused", {
+    Object.defineProperty(IgcXCheckboxComponent.prototype, "focused", {
         /**
          * Gets or sets if the checkbox is Focused.
         */
@@ -586,21 +586,21 @@ var IgcCheckboxComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         enumerable: true,
         configurable: true
     });
-    Object.defineProperty(IgcCheckboxComponent.prototype, "labelPosition", {
+    Object.defineProperty(IgcXCheckboxComponent.prototype, "labelPosition", {
         /**
          * Gets or sets LabelPosition to use for the checkbox.
         */
         get: function () {
-            return this.i.h;
+            return this.i.e;
         },
         set: function (v) {
-            this.i.h = ensureEnum(CheckboxLabelPosition_$type, v);
-            this._a("labelPosition", enumToString(CheckboxLabelPosition_$type, this.i.h));
+            this.i.e = ensureEnum(CheckboxLabelPosition_$type, v);
+            this._a("labelPosition", enumToString(CheckboxLabelPosition_$type, this.i.e));
         },
         enumerable: true,
         configurable: true
     });
-    Object.defineProperty(IgcCheckboxComponent.prototype, "disableRipple", {
+    Object.defineProperty(IgcXCheckboxComponent.prototype, "disableRipple", {
         /**
          * Gets or sets whether to disable the ripple effect for the checkbox.
         */
@@ -614,7 +614,7 @@ var IgcCheckboxComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         enumerable: true,
         configurable: true
     });
-    Object.defineProperty(IgcCheckboxComponent.prototype, "checked", {
+    Object.defineProperty(IgcXCheckboxComponent.prototype, "checked", {
         /**
          * Gets or sets whether the checkbox is checked.
         */
@@ -628,7 +628,7 @@ var IgcCheckboxComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         enumerable: true,
         configurable: true
     });
-    Object.defineProperty(IgcCheckboxComponent.prototype, "indeterminate", {
+    Object.defineProperty(IgcXCheckboxComponent.prototype, "indeterminate", {
         /**
          * Gets or sets whether the checkbox is indeterminate.
         */
@@ -642,7 +642,7 @@ var IgcCheckboxComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         enumerable: true,
         configurable: true
     });
-    Object.defineProperty(IgcCheckboxComponent.prototype, "disabled", {
+    Object.defineProperty(IgcXCheckboxComponent.prototype, "disabled", {
         /**
          * Gets or sets whether the checkbox is disabled.
         */
@@ -656,7 +656,7 @@ var IgcCheckboxComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         enumerable: true,
         configurable: true
     });
-    Object.defineProperty(IgcCheckboxComponent.prototype, "disableTransitions", {
+    Object.defineProperty(IgcXCheckboxComponent.prototype, "disableTransitions", {
         /**
          * Gets or sets whether the checkbox transitions are disabled.
         */
@@ -670,22 +670,22 @@ var IgcCheckboxComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         enumerable: true,
         configurable: true
     });
-    IgcCheckboxComponent.prototype.findByName = function (name) {
+    IgcXCheckboxComponent.prototype.findByName = function (name) {
         return null;
     };
-    Object.defineProperty(IgcCheckboxComponent.prototype, "hasUserValues", {
+    Object.defineProperty(IgcXCheckboxComponent.prototype, "hasUserValues", {
         get: function () {
             return this._hasUserValues;
         },
         enumerable: true,
         configurable: true
     });
-    IgcCheckboxComponent.prototype.__m = function (propertyName) {
+    IgcXCheckboxComponent.prototype.__m = function (propertyName) {
         if (!this._inStyling) {
             this._hasUserValues.add(propertyName);
         }
     };
-    IgcCheckboxComponent.prototype._styling = function (container, component, parent) {
+    IgcXCheckboxComponent.prototype._styling = function (container, component, parent) {
         if (this._inStyling) {
             return;
         }
@@ -697,7 +697,7 @@ var IgcCheckboxComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         if (typeName.indexOf("Xam") === 0) {
             typeName = typeName.substring(3);
         }
-        genericPrefix = toSpinal("CheckboxComponent");
+        genericPrefix = toSpinal("XCheckboxComponent");
         var additionalPrefixes = [];
         var prefix = toSpinal(typeName);
         additionalPrefixes.push(prefix + "-");
@@ -730,17 +730,17 @@ var IgcCheckboxComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         }
         this._inStyling = false;
     };
-    IgcCheckboxComponent.prototype.onDetachedFromUI = function () {
+    IgcXCheckboxComponent.prototype.onDetachedFromUI = function () {
         this.i.onDetachedFromUI();
     };
-    IgcCheckboxComponent.prototype.onAttachedToUI = function () {
+    IgcXCheckboxComponent.prototype.onAttachedToUI = function () {
         this.i.onAttachedToUI();
     };
     /**
      * Exports visual information about the current state of the grid.
     
     */
-    IgcCheckboxComponent.prototype.exportVisualModel = function () {
+    IgcXCheckboxComponent.prototype.exportVisualModel = function () {
         var iv = this.i.a4();
         return (iv);
     };
@@ -748,11 +748,11 @@ var IgcCheckboxComponent = /** @class */ /*@__PURE__*/ (function (_super) {
      * Returns a serialized copy of the exported visual model
     
     */
-    IgcCheckboxComponent.prototype.exportSerializedVisualModel = function () {
+    IgcXCheckboxComponent.prototype.exportSerializedVisualModel = function () {
         var iv = this.i.bv();
         return (iv);
     };
-    Object.defineProperty(IgcCheckboxComponent.prototype, "change", {
+    Object.defineProperty(IgcXCheckboxComponent.prototype, "change", {
         get: function () {
             return this._change;
         },
@@ -779,10 +779,9 @@ var IgcCheckboxComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         enumerable: true,
         configurable: true
     });
-    IgcCheckboxComponent._observedAttributesIgcCheckboxComponent = null;
-    IgcCheckboxComponent.htmlTagName = "igc-checkbox";
-    IgcCheckboxComponent._isElementRegistered = false;
-    return IgcCheckboxComponent;
+    IgcXCheckboxComponent._observedAttributesIgcXCheckboxComponent = null;
+    IgcXCheckboxComponent.htmlTagName = "igc-x-checkbox";
+    IgcXCheckboxComponent._isElementRegistered = false;
+    return IgcXCheckboxComponent;
 }(IgcHTMLElement));
-export { IgcCheckboxComponent };
-//# sourceMappingURL=igc-checkbox-component.js.map
+export { IgcXCheckboxComponent };

package/esm5/lib/igc-x-checkbox-module.js

@@ -0,0 +1,25 @@
+/*
+THIS INFRAGISTICS ULTIMATE SOFTWARE LICENSE  AGREEMENT ("AGREEMENT") LOCATED HERE:
+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 { IgcXRippleModule } from './igc-x-ripple-module';
+import { IgcChildContentModule } from "igniteui-webcomponents-core";
+import { IgcXCheckboxComponent } from './igc-x-checkbox-component';
+import { XCheckbox } from './XCheckbox';
+import { TypeRegistrar } from "igniteui-webcomponents-core";
+var IgcXCheckboxModule = /** @class */ /*@__PURE__*/ (function () {
+    function IgcXCheckboxModule() {
+    }
+    IgcXCheckboxModule.register = function () {
+        IgcXRippleModule.register();
+        IgcChildContentModule.register();
+        IgcXCheckboxComponent.register();
+        TypeRegistrar.registerCons('IgcXCheckboxComponent', IgcXCheckboxComponent);
+        TypeRegistrar.registerCons('IgcXCheckboxComponent', IgcXCheckboxComponent);
+        TypeRegistrar.register('XCheckbox', XCheckbox.$type);
+    };
+    return IgcXCheckboxModule;
+}());
+export { IgcXCheckboxModule };