igniteui-webcomponents-inputs 1.3.3 → 1.4.2

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

@@ -1,12 +1,12 @@
 import * as tslib_1 from "tslib";
-import { Prefix } from "./Prefix";
+import { XPrefix } from "./XPrefix";
 import { ensureBool, NamePatcher, toSpinal, getAllPropertyNames } from "igniteui-webcomponents-core";
 import { WebComponentRenderer, PortalManager } from "igniteui-webcomponents-core";
 import { RegisterElementHelper } from "igniteui-webcomponents-core";
-import { IgcInputGroupItemComponent } from './igc-input-group-item-component';
-var IgcPrefixComponent = /** @class */ /*@__PURE__*/ (function (_super) {
-    tslib_1.__extends(IgcPrefixComponent, _super);
-    function IgcPrefixComponent() {
+import { IgcXInputGroupItemComponent } from './igc-x-input-group-item-component';
+var IgcXPrefixComponent = /** @class */ /*@__PURE__*/ (function (_super) {
+    tslib_1.__extends(IgcXPrefixComponent, _super);
+    function IgcXPrefixComponent() {
         var _this = _super.call(this) || this;
         _this._disconnected = false;
         if (_this._styling) {
@@ -63,7 +63,7 @@ var IgcPrefixComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         //    this._checkbox.notifySizeChanged();
         //});
     }
-    IgcPrefixComponent.prototype._onChildrenChanged = function () {
+    IgcXPrefixComponent.prototype._onChildrenChanged = function () {
         var children = [];
         for (var i = 0; i < this.childNodes.length; i++) {
             var child = this.childNodes[i];
@@ -74,23 +74,23 @@ var IgcPrefixComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         this._portalManager.onChildrenChanged(children);
     };
     // supports angular themes or custom properties set in CSS
-    IgcPrefixComponent.prototype.updateStyle = function () {
+    IgcXPrefixComponent.prototype.updateStyle = function () {
         this._styling(this, this);
     };
-    IgcPrefixComponent.prototype.destroy = function () {
+    IgcXPrefixComponent.prototype.destroy = function () {
         this._prefix.destroy();
         this._wrapper.destroy();
     };
-    IgcPrefixComponent.prototype.createImplementation = function () {
-        return new Prefix();
+    IgcXPrefixComponent.prototype.createImplementation = function () {
+        return new XPrefix();
     };
-    IgcPrefixComponent.prototype.disconnectedCallback = function () {
+    IgcXPrefixComponent.prototype.disconnectedCallback = function () {
         this._disconnected = true;
         if (this.i) {
             this.i.onDetachedFromUI();
         }
     };
-    IgcPrefixComponent.prototype.connectedCallback = function () {
+    IgcXPrefixComponent.prototype.connectedCallback = function () {
         if (this._disconnected) {
             this._disconnected = false;
             if (this.i) {
@@ -98,8 +98,8 @@ var IgcPrefixComponent = /** @class */ /*@__PURE__*/ (function (_super) {
             }
             return;
         }
-        this.classList.add("ig-prefix");
-        this.classList.add("igc-prefix");
+        this.classList.add("ig-x-prefix");
+        this.classList.add("igc-x-prefix");
         this.appendChild(this._container.getNativeElement());
         this._attached = true;
         this.style.display = "inline-block";
@@ -111,10 +111,10 @@ var IgcPrefixComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         this._styling(this, this);
         this.afterContentInit();
     };
-    IgcPrefixComponent.prototype.afterContentInit = function () {
+    IgcXPrefixComponent.prototype.afterContentInit = function () {
         //this.i.notifySizeChanged();
     };
-    Object.defineProperty(IgcPrefixComponent.prototype, "i", {
+    Object.defineProperty(IgcXPrefixComponent.prototype, "i", {
         /**
                                  * @hidden
                                  */
@@ -124,27 +124,27 @@ var IgcPrefixComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         enumerable: true,
         configurable: true
     });
-    Object.defineProperty(IgcPrefixComponent, "observedAttributes", {
+    Object.defineProperty(IgcXPrefixComponent, "observedAttributes", {
         get: function () {
-            if (IgcPrefixComponent._observedAttributesIgcPrefixComponent == null) {
-                var names = getAllPropertyNames(IgcPrefixComponent);
+            if (IgcXPrefixComponent._observedAttributesIgcXPrefixComponent == null) {
+                var names = getAllPropertyNames(IgcXPrefixComponent);
                 for (var i = 0; i < names.length; i++) {
                     names[i] = toSpinal(names[i]);
                 }
-                IgcPrefixComponent._observedAttributesIgcPrefixComponent = names;
+                IgcXPrefixComponent._observedAttributesIgcXPrefixComponent = names;
             }
-            return IgcPrefixComponent._observedAttributesIgcPrefixComponent;
+            return IgcXPrefixComponent._observedAttributesIgcXPrefixComponent;
         },
         enumerable: true,
         configurable: true
     });
-    IgcPrefixComponent.register = function () {
-        if (!IgcPrefixComponent._isElementRegistered) {
-            IgcPrefixComponent._isElementRegistered = true;
-            RegisterElementHelper.registerElement(IgcPrefixComponent.htmlTagName, IgcPrefixComponent);
+    IgcXPrefixComponent.register = function () {
+        if (!IgcXPrefixComponent._isElementRegistered) {
+            IgcXPrefixComponent._isElementRegistered = true;
+            RegisterElementHelper.registerElement(IgcXPrefixComponent.htmlTagName, IgcXPrefixComponent);
         }
     };
-    Object.defineProperty(IgcPrefixComponent.prototype, "id", {
+    Object.defineProperty(IgcXPrefixComponent.prototype, "id", {
         /**
      * Gets or sets the id to use for the checkbox.
     */
@@ -157,7 +157,7 @@ var IgcPrefixComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         enumerable: true,
         configurable: true
     });
-    Object.defineProperty(IgcPrefixComponent.prototype, "ariaLabel", {
+    Object.defineProperty(IgcXPrefixComponent.prototype, "ariaLabel", {
         /**
          * Gets or sets the value of the aria-label attribute.
         */
@@ -170,7 +170,7 @@ var IgcPrefixComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         enumerable: true,
         configurable: true
     });
-    Object.defineProperty(IgcPrefixComponent.prototype, "isHover", {
+    Object.defineProperty(IgcXPrefixComponent.prototype, "isHover", {
         /**
          * Gets or sets whether the prefix is hovered.
         */
@@ -184,7 +184,7 @@ var IgcPrefixComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         enumerable: true,
         configurable: true
     });
-    Object.defineProperty(IgcPrefixComponent.prototype, "disabled", {
+    Object.defineProperty(IgcXPrefixComponent.prototype, "disabled", {
         /**
          * Gets or sets whether the checkbox is disabled.
         */
@@ -198,17 +198,17 @@ var IgcPrefixComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         enumerable: true,
         configurable: true
     });
-    IgcPrefixComponent.prototype.onDetachedFromUI = function () {
+    IgcXPrefixComponent.prototype.onDetachedFromUI = function () {
         this.i.onDetachedFromUI();
     };
-    IgcPrefixComponent.prototype.onAttachedToUI = function () {
+    IgcXPrefixComponent.prototype.onAttachedToUI = function () {
         this.i.onAttachedToUI();
     };
     /**
      * Exports visual information about the current state of the grid.
     
     */
-    IgcPrefixComponent.prototype.exportVisualModel = function () {
+    IgcXPrefixComponent.prototype.exportVisualModel = function () {
         var iv = this.i.t();
         return (iv);
     };
@@ -216,14 +216,13 @@ var IgcPrefixComponent = /** @class */ /*@__PURE__*/ (function (_super) {
      * Returns a serialized copy of the exported visual model
     
     */
-    IgcPrefixComponent.prototype.exportSerializedVisualModel = function () {
+    IgcXPrefixComponent.prototype.exportSerializedVisualModel = function () {
         var iv = this.i.y();
         return (iv);
     };
-    IgcPrefixComponent._observedAttributesIgcPrefixComponent = null;
-    IgcPrefixComponent.htmlTagName = "igc-prefix";
-    IgcPrefixComponent._isElementRegistered = false;
-    return IgcPrefixComponent;
-}(IgcInputGroupItemComponent));
-export { IgcPrefixComponent };
-//# sourceMappingURL=igc-prefix-component.js.map
+    IgcXPrefixComponent._observedAttributesIgcXPrefixComponent = null;
+    IgcXPrefixComponent.htmlTagName = "igc-x-prefix";
+    IgcXPrefixComponent._isElementRegistered = false;
+    return IgcXPrefixComponent;
+}(IgcXInputGroupItemComponent));
+export { IgcXPrefixComponent };

package/esm5/lib/{igc-label-module.js → igc-x-prefix-module.js}

@@ -5,20 +5,19 @@ 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 { IgcChildContentModule } from "igniteui-webcomponents-core";
-import { IgcLabelComponent } from './igc-label-component';
-import { Input } from './Input';
+import { IgcXPrefixComponent } from './igc-x-prefix-component';
+import { XPrefix } from './XPrefix';
 import { TypeRegistrar } from "igniteui-webcomponents-core";
-var IgcLabelModule = /** @class */ /*@__PURE__*/ (function () {
-    function IgcLabelModule() {
+var IgcXPrefixModule = /** @class */ /*@__PURE__*/ (function () {
+    function IgcXPrefixModule() {
     }
-    IgcLabelModule.register = function () {
+    IgcXPrefixModule.register = function () {
         IgcChildContentModule.register();
-        IgcLabelComponent.register();
-        TypeRegistrar.registerCons('IgcLabelComponent', IgcLabelComponent);
-        TypeRegistrar.registerCons('IgcLabelComponent', IgcLabelComponent);
-        TypeRegistrar.register('Input', Input.$type);
+        IgcXPrefixComponent.register();
+        TypeRegistrar.registerCons('IgcXPrefixComponent', IgcXPrefixComponent);
+        TypeRegistrar.registerCons('IgcXPrefixComponent', IgcXPrefixComponent);
+        TypeRegistrar.register('XPrefix', XPrefix.$type);
     };
-    return IgcLabelModule;
+    return IgcXPrefixModule;
 }());
-export { IgcLabelModule };
-//# sourceMappingURL=igc-label-module.js.map
+export { IgcXPrefixModule };

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

@@ -1,13 +1,13 @@
 import * as tslib_1 from "tslib";
-import { Ripple } from "./Ripple";
+import { XRipple } from "./XRipple";
 import { brushToString, stringToBrush, ensureBool, initializePropertiesFromCss, NamePatcher, toSpinal, getAllPropertyNames, fromSpinal } from "igniteui-webcomponents-core";
 import { WebComponentRenderer } from "igniteui-webcomponents-core";
 import { TypeRegistrar } from "igniteui-webcomponents-core";
 import { RegisterElementHelper } from "igniteui-webcomponents-core";
 import { IgcHTMLElement } from "igniteui-webcomponents-core";
-var IgcRippleComponent = /** @class */ /*@__PURE__*/ (function (_super) {
-    tslib_1.__extends(IgcRippleComponent, _super);
-    function IgcRippleComponent() {
+var IgcXRippleComponent = /** @class */ /*@__PURE__*/ (function (_super) {
+    tslib_1.__extends(IgcXRippleComponent, _super);
+    function IgcXRippleComponent() {
         var _this = _super.call(this) || this;
         _this._disconnected = false;
         _this._settingAttributes = false;
@@ -56,7 +56,7 @@ var IgcRippleComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         //    this._ripple.notifySizeChanged();
         //});
     }
-    Object.defineProperty(IgcRippleComponent.prototype, "height", {
+    Object.defineProperty(IgcXRippleComponent.prototype, "height", {
         get: function () {
             return this._height;
         },
@@ -67,7 +67,7 @@ var IgcRippleComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         enumerable: true,
         configurable: true
     });
-    Object.defineProperty(IgcRippleComponent.prototype, "width", {
+    Object.defineProperty(IgcXRippleComponent.prototype, "width", {
         get: function () {
             return this._width;
         },
@@ -78,7 +78,7 @@ var IgcRippleComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         enumerable: true,
         configurable: true
     });
-    Object.defineProperty(IgcRippleComponent.prototype, "top", {
+    Object.defineProperty(IgcXRippleComponent.prototype, "top", {
         get: function () {
             return this._top;
         },
@@ -89,7 +89,7 @@ var IgcRippleComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         enumerable: true,
         configurable: true
     });
-    Object.defineProperty(IgcRippleComponent.prototype, "left", {
+    Object.defineProperty(IgcXRippleComponent.prototype, "left", {
         get: function () {
             return this._left;
         },
@@ -100,7 +100,7 @@ var IgcRippleComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         enumerable: true,
         configurable: true
     });
-    Object.defineProperty(IgcRippleComponent.prototype, "position", {
+    Object.defineProperty(IgcXRippleComponent.prototype, "position", {
         get: function () {
             return this._position;
         },
@@ -112,23 +112,23 @@ var IgcRippleComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         configurable: true
     });
     // supports angular themes or custom properties set in CSS
-    IgcRippleComponent.prototype.updateStyle = function () {
+    IgcXRippleComponent.prototype.updateStyle = function () {
         this._styling(this, this);
     };
-    IgcRippleComponent.prototype.destroy = function () {
+    IgcXRippleComponent.prototype.destroy = function () {
         this._ripple.destroy();
         this._wrapper.destroy();
     };
-    IgcRippleComponent.prototype.createImplementation = function () {
-        return new Ripple();
+    IgcXRippleComponent.prototype.createImplementation = function () {
+        return new XRipple();
     };
-    IgcRippleComponent.prototype.disconnectedCallback = function () {
+    IgcXRippleComponent.prototype.disconnectedCallback = function () {
         this._disconnected = true;
         if (this.i) {
             this.i.onDetachedFromUI();
         }
     };
-    IgcRippleComponent.prototype.connectedCallback = function () {
+    IgcXRippleComponent.prototype.connectedCallback = function () {
         if (this._disconnected) {
             this._disconnected = false;
             if (this.i) {
@@ -136,8 +136,8 @@ var IgcRippleComponent = /** @class */ /*@__PURE__*/ (function (_super) {
             }
             return;
         }
-        this.classList.add("ig-ripple");
-        this.classList.add("igc-ripple");
+        this.classList.add("ig-x-ripple");
+        this.classList.add("igc-x-ripple");
         this.appendChild(this._renderer.rootWrapper.getNativeElement());
         this._attached = true;
         this.style.display = "inline-block";
@@ -148,10 +148,10 @@ var IgcRippleComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         this._styling(this, this);
         this.afterContentInit();
     };
-    IgcRippleComponent.prototype.afterContentInit = function () {
+    IgcXRippleComponent.prototype.afterContentInit = function () {
         //this.i.notifySizeChanged();
     };
-    Object.defineProperty(IgcRippleComponent.prototype, "i", {
+    Object.defineProperty(IgcXRippleComponent.prototype, "i", {
         /**
          * @hidden
          */
@@ -163,7 +163,7 @@ var IgcRippleComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         enumerable: true,
         configurable: true
     });
-    IgcRippleComponent._createFromInternal = function (internal) {
+    IgcXRippleComponent._createFromInternal = function (internal) {
         if (!internal) {
             return null;
         }
@@ -177,10 +177,10 @@ var IgcRippleComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         }
         return TypeRegistrar.create(externalName);
     };
-    IgcRippleComponent.prototype._enqueueSetAttribute = function (attrName, attrValue) {
+    IgcXRippleComponent.prototype._enqueueSetAttribute = function (attrName, attrValue) {
         this._queuedSetAttributes.push({ attrName: attrName, attrValue: attrValue });
     };
-    IgcRippleComponent.prototype._flushQueuedAttributes = function () {
+    IgcXRippleComponent.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);
@@ -188,7 +188,7 @@ var IgcRippleComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         this._settingAttributes = false;
         this._queuedSetAttributes.length = 0;
     };
-    IgcRippleComponent.prototype._a = function (attrName, attrValue) {
+    IgcXRippleComponent.prototype._a = function (attrName, attrValue) {
         if (this._updatingFromAttribute) {
             return;
         }
@@ -205,21 +205,21 @@ var IgcRippleComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         }
         this._settingAttributes = false;
     };
-    Object.defineProperty(IgcRippleComponent, "observedAttributes", {
+    Object.defineProperty(IgcXRippleComponent, "observedAttributes", {
         get: function () {
-            if (IgcRippleComponent._observedAttributesIgcRippleComponent == null) {
-                var names = getAllPropertyNames(IgcRippleComponent);
+            if (IgcXRippleComponent._observedAttributesIgcXRippleComponent == null) {
+                var names = getAllPropertyNames(IgcXRippleComponent);
                 for (var i = 0; i < names.length; i++) {
                     names[i] = toSpinal(names[i]);
                 }
-                IgcRippleComponent._observedAttributesIgcRippleComponent = names;
+                IgcXRippleComponent._observedAttributesIgcXRippleComponent = names;
             }
-            return IgcRippleComponent._observedAttributesIgcRippleComponent;
+            return IgcXRippleComponent._observedAttributesIgcXRippleComponent;
         },
         enumerable: true,
         configurable: true
     });
-    IgcRippleComponent.prototype.attributeChangedCallback = function (name, oldValue, newValue) {
+    IgcXRippleComponent.prototype.attributeChangedCallback = function (name, oldValue, newValue) {
         if (this._settingAttributes) {
             return;
         }
@@ -228,13 +228,13 @@ var IgcRippleComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         this[setName] = newValue;
         this._updatingFromAttribute = false;
     };
-    IgcRippleComponent.register = function () {
-        if (!IgcRippleComponent._isElementRegistered) {
-            IgcRippleComponent._isElementRegistered = true;
-            RegisterElementHelper.registerElement(IgcRippleComponent.htmlTagName, IgcRippleComponent);
+    IgcXRippleComponent.register = function () {
+        if (!IgcXRippleComponent._isElementRegistered) {
+            IgcXRippleComponent._isElementRegistered = true;
+            RegisterElementHelper.registerElement(IgcXRippleComponent.htmlTagName, IgcXRippleComponent);
         }
     };
-    Object.defineProperty(IgcRippleComponent.prototype, "eventSource", {
+    Object.defineProperty(IgcXRippleComponent.prototype, "eventSource", {
         /**
      * Gets or sets the target element to inject ripples into.
     */
@@ -247,7 +247,7 @@ var IgcRippleComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         enumerable: true,
         configurable: true
     });
-    Object.defineProperty(IgcRippleComponent.prototype, "rippleColor", {
+    Object.defineProperty(IgcXRippleComponent.prototype, "rippleColor", {
         /**
          * Gets or sets the color to use for the background when the checkbox is unchecked.
         */
@@ -261,7 +261,7 @@ var IgcRippleComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         enumerable: true,
         configurable: true
     });
-    Object.defineProperty(IgcRippleComponent.prototype, "hoverColor", {
+    Object.defineProperty(IgcXRippleComponent.prototype, "hoverColor", {
         /**
          * Gets or sets the color to use for the background when the ripple is hovered.
         */
@@ -275,7 +275,7 @@ var IgcRippleComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         enumerable: true,
         configurable: true
     });
-    Object.defineProperty(IgcRippleComponent.prototype, "actualHoverColor", {
+    Object.defineProperty(IgcXRippleComponent.prototype, "actualHoverColor", {
         /**
          * Gets or sets the actual color to use for the background when the ripple is hovered.
         */
@@ -289,7 +289,7 @@ var IgcRippleComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         enumerable: true,
         configurable: true
     });
-    Object.defineProperty(IgcRippleComponent.prototype, "actualRippleColor", {
+    Object.defineProperty(IgcXRippleComponent.prototype, "actualRippleColor", {
         /**
          * Gets or sets the color to use for the actual background when the checkbox is unchecked.
         */
@@ -303,7 +303,7 @@ var IgcRippleComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         enumerable: true,
         configurable: true
     });
-    Object.defineProperty(IgcRippleComponent.prototype, "rippleDuration", {
+    Object.defineProperty(IgcXRippleComponent.prototype, "rippleDuration", {
         /**
          * Gets or sets the duration to use for the ripple animation.
         */
@@ -317,7 +317,7 @@ var IgcRippleComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         enumerable: true,
         configurable: true
     });
-    Object.defineProperty(IgcRippleComponent.prototype, "isDisabled", {
+    Object.defineProperty(IgcXRippleComponent.prototype, "isDisabled", {
         /**
          * Gets or sets if the ripple is disabled.
         */
@@ -331,7 +331,7 @@ var IgcRippleComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         enumerable: true,
         configurable: true
     });
-    Object.defineProperty(IgcRippleComponent.prototype, "isCentered", {
+    Object.defineProperty(IgcXRippleComponent.prototype, "isCentered", {
         /**
          * Gets or sets if the ripple is centered.
         */
@@ -345,7 +345,7 @@ var IgcRippleComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         enumerable: true,
         configurable: true
     });
-    Object.defineProperty(IgcRippleComponent.prototype, "isHoverEnabled", {
+    Object.defineProperty(IgcXRippleComponent.prototype, "isHoverEnabled", {
         /**
          * Gets or sets if the ripple is centered.
         */
@@ -359,22 +359,22 @@ var IgcRippleComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         enumerable: true,
         configurable: true
     });
-    IgcRippleComponent.prototype.findByName = function (name) {
+    IgcXRippleComponent.prototype.findByName = function (name) {
         return null;
     };
-    Object.defineProperty(IgcRippleComponent.prototype, "hasUserValues", {
+    Object.defineProperty(IgcXRippleComponent.prototype, "hasUserValues", {
         get: function () {
             return this._hasUserValues;
         },
         enumerable: true,
         configurable: true
     });
-    IgcRippleComponent.prototype.__m = function (propertyName) {
+    IgcXRippleComponent.prototype.__m = function (propertyName) {
         if (!this._inStyling) {
             this._hasUserValues.add(propertyName);
         }
     };
-    IgcRippleComponent.prototype._styling = function (container, component, parent) {
+    IgcXRippleComponent.prototype._styling = function (container, component, parent) {
         if (this._inStyling) {
             return;
         }
@@ -386,7 +386,7 @@ var IgcRippleComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         if (typeName.indexOf("Xam") === 0) {
             typeName = typeName.substring(3);
         }
-        genericPrefix = toSpinal("RippleComponent");
+        genericPrefix = toSpinal("XRippleComponent");
         var additionalPrefixes = [];
         var prefix = toSpinal(typeName);
         additionalPrefixes.push(prefix + "-");
@@ -419,17 +419,17 @@ var IgcRippleComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         }
         this._inStyling = false;
     };
-    IgcRippleComponent.prototype.onDetachedFromUI = function () {
+    IgcXRippleComponent.prototype.onDetachedFromUI = function () {
         this.i.onDetachedFromUI();
     };
-    IgcRippleComponent.prototype.onAttachedToUI = function () {
+    IgcXRippleComponent.prototype.onAttachedToUI = function () {
         this.i.onAttachedToUI();
     };
     /**
      * Exports visual information about the current state of the grid.
     
     */
-    IgcRippleComponent.prototype.exportVisualModel = function () {
+    IgcXRippleComponent.prototype.exportVisualModel = function () {
         var iv = this.i.r();
         return (iv);
     };
@@ -437,14 +437,13 @@ var IgcRippleComponent = /** @class */ /*@__PURE__*/ (function (_super) {
      * Returns a serialized copy of the exported visual model
     
     */
-    IgcRippleComponent.prototype.exportSerializedVisualModel = function () {
+    IgcXRippleComponent.prototype.exportSerializedVisualModel = function () {
         var iv = this.i.v();
         return (iv);
     };
-    IgcRippleComponent._observedAttributesIgcRippleComponent = null;
-    IgcRippleComponent.htmlTagName = "igc-ripple";
-    IgcRippleComponent._isElementRegistered = false;
-    return IgcRippleComponent;
+    IgcXRippleComponent._observedAttributesIgcXRippleComponent = null;
+    IgcXRippleComponent.htmlTagName = "igc-x-ripple";
+    IgcXRippleComponent._isElementRegistered = false;
+    return IgcXRippleComponent;
 }(IgcHTMLElement));
-export { IgcRippleComponent };
-//# sourceMappingURL=igc-ripple-component.js.map
+export { IgcXRippleComponent };

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

@@ -0,0 +1,21 @@
+/*
+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 { IgcXRippleComponent } from './igc-x-ripple-component';
+import { XRipple } from './XRipple';
+import { TypeRegistrar } from "igniteui-webcomponents-core";
+var IgcXRippleModule = /** @class */ /*@__PURE__*/ (function () {
+    function IgcXRippleModule() {
+    }
+    IgcXRippleModule.register = function () {
+        IgcXRippleComponent.register();
+        TypeRegistrar.registerCons('IgcXRippleComponent', IgcXRippleComponent);
+        TypeRegistrar.registerCons('IgcXRippleComponent', IgcXRippleComponent);
+        TypeRegistrar.register('XRipple', XRipple.$type);
+    };
+    return IgcXRippleModule;
+}());
+export { IgcXRippleModule };