igniteui-angular-inputs 18.1.1 → 18.2.0-beta.1

package/esm5/lib/igx-x-input-group-component.js

@@ -251,11 +251,11 @@ var IgxXInputGroupComponent = /** @class */ /*@__PURE__*/ (function () {
     });
     Object.defineProperty(IgxXInputGroupComponent.prototype, "actualCornerRadiusBottomRight", {
         get: function () {
-            return this.i.ko ? this.i.ko.b : NaN;
+            return this.i.ko ? this.i.ko.c : NaN;
         },
         set: function (v) {
             this.ensureActualCornerRadius();
-            this.i.ko.b = +v;
+            this.i.ko.c = +v;
             this.i.ko = this.i.ko;
         },
         enumerable: false,
@@ -263,11 +263,11 @@ var IgxXInputGroupComponent = /** @class */ /*@__PURE__*/ (function () {
     });
     Object.defineProperty(IgxXInputGroupComponent.prototype, "actualCornerRadiusBottomLeft", {
         get: function () {
-            return this.i.ko ? this.i.ko.a : NaN;
+            return this.i.ko ? this.i.ko.b : NaN;
         },
         set: function (v) {
             this.ensureActualCornerRadius();
-            this.i.ko.a = +v;
+            this.i.ko.b = +v;
             this.i.ko = this.i.ko;
         },
         enumerable: false,
@@ -275,11 +275,11 @@ var IgxXInputGroupComponent = /** @class */ /*@__PURE__*/ (function () {
     });
     Object.defineProperty(IgxXInputGroupComponent.prototype, "actualCornerRadiusTopLeft", {
         get: function () {
-            return this.i.ko ? this.i.ko.c : NaN;
+            return this.i.ko ? this.i.ko.d : NaN;
         },
         set: function (v) {
             this.ensureActualCornerRadius();
-            this.i.ko.c = +v;
+            this.i.ko.d = +v;
             this.i.ko = this.i.ko;
         },
         enumerable: false,
@@ -287,11 +287,11 @@ var IgxXInputGroupComponent = /** @class */ /*@__PURE__*/ (function () {
     });
     Object.defineProperty(IgxXInputGroupComponent.prototype, "actualCornerRadiusTopRight", {
         get: function () {
-            return this.i.ko ? this.i.ko.d : NaN;
+            return this.i.ko ? this.i.ko.e : NaN;
         },
         set: function (v) {
             this.ensureActualCornerRadius();
-            this.i.ko.d = +v;
+            this.i.ko.e = +v;
             this.i.ko = this.i.ko;
         },
         enumerable: false,
@@ -567,11 +567,11 @@ var IgxXInputGroupComponent = /** @class */ /*@__PURE__*/ (function () {
     });
     Object.defineProperty(IgxXInputGroupComponent.prototype, "cornerRadiusBottomRight", {
         get: function () {
-            return this.i.ks ? this.i.ks.b : NaN;
+            return this.i.ks ? this.i.ks.c : NaN;
         },
         set: function (v) {
             this.ensureCornerRadius();
-            this.i.ks.b = +v;
+            this.i.ks.c = +v;
             this.i.ks = this.i.ks;
         },
         enumerable: false,
@@ -579,11 +579,11 @@ var IgxXInputGroupComponent = /** @class */ /*@__PURE__*/ (function () {
     });
     Object.defineProperty(IgxXInputGroupComponent.prototype, "cornerRadiusBottomLeft", {
         get: function () {
-            return this.i.ks ? this.i.ks.a : NaN;
+            return this.i.ks ? this.i.ks.b : NaN;
         },
         set: function (v) {
             this.ensureCornerRadius();
-            this.i.ks.a = +v;
+            this.i.ks.b = +v;
             this.i.ks = this.i.ks;
         },
         enumerable: false,
@@ -591,11 +591,11 @@ var IgxXInputGroupComponent = /** @class */ /*@__PURE__*/ (function () {
     });
     Object.defineProperty(IgxXInputGroupComponent.prototype, "cornerRadiusTopLeft", {
         get: function () {
-            return this.i.ks ? this.i.ks.c : NaN;
+            return this.i.ks ? this.i.ks.d : NaN;
         },
         set: function (v) {
             this.ensureCornerRadius();
-            this.i.ks.c = +v;
+            this.i.ks.d = +v;
             this.i.ks = this.i.ks;
         },
         enumerable: false,
@@ -603,11 +603,11 @@ var IgxXInputGroupComponent = /** @class */ /*@__PURE__*/ (function () {
     });
     Object.defineProperty(IgxXInputGroupComponent.prototype, "cornerRadiusTopRight", {
         get: function () {
-            return this.i.ks ? this.i.ks.d : NaN;
+            return this.i.ks ? this.i.ks.e : NaN;
         },
         set: function (v) {
             this.ensureCornerRadius();
-            this.i.ks.d = +v;
+            this.i.ks.e = +v;
             this.i.ks = this.i.ks;
         },
         enumerable: false,
@@ -896,11 +896,11 @@ var IgxXInputGroupComponent = /** @class */ /*@__PURE__*/ (function () {
     });
     Object.defineProperty(IgxXInputGroupComponent.prototype, "lineTypeCornerRadiusBottomRight", {
         get: function () {
-            return this.i.kx ? this.i.kx.b : NaN;
+            return this.i.kx ? this.i.kx.c : NaN;
         },
         set: function (v) {
             this.ensureLineTypeCornerRadius();
-            this.i.kx.b = +v;
+            this.i.kx.c = +v;
             this.i.kx = this.i.kx;
         },
         enumerable: false,
@@ -908,11 +908,11 @@ var IgxXInputGroupComponent = /** @class */ /*@__PURE__*/ (function () {
     });
     Object.defineProperty(IgxXInputGroupComponent.prototype, "lineTypeCornerRadiusBottomLeft", {
         get: function () {
-            return this.i.kx ? this.i.kx.a : NaN;
+            return this.i.kx ? this.i.kx.b : NaN;
         },
         set: function (v) {
             this.ensureLineTypeCornerRadius();
-            this.i.kx.a = +v;
+            this.i.kx.b = +v;
             this.i.kx = this.i.kx;
         },
         enumerable: false,
@@ -920,11 +920,11 @@ var IgxXInputGroupComponent = /** @class */ /*@__PURE__*/ (function () {
     });
     Object.defineProperty(IgxXInputGroupComponent.prototype, "lineTypeCornerRadiusTopLeft", {
         get: function () {
-            return this.i.kx ? this.i.kx.c : NaN;
+            return this.i.kx ? this.i.kx.d : NaN;
         },
         set: function (v) {
             this.ensureLineTypeCornerRadius();
-            this.i.kx.c = +v;
+            this.i.kx.d = +v;
             this.i.kx = this.i.kx;
         },
         enumerable: false,
@@ -932,11 +932,11 @@ var IgxXInputGroupComponent = /** @class */ /*@__PURE__*/ (function () {
     });
     Object.defineProperty(IgxXInputGroupComponent.prototype, "lineTypeCornerRadiusTopRight", {
         get: function () {
-            return this.i.kx ? this.i.kx.d : NaN;
+            return this.i.kx ? this.i.kx.e : NaN;
         },
         set: function (v) {
             this.ensureLineTypeCornerRadius();
-            this.i.kx.d = +v;
+            this.i.kx.e = +v;
             this.i.kx = this.i.kx;
         },
         enumerable: false,
@@ -1225,11 +1225,11 @@ var IgxXInputGroupComponent = /** @class */ /*@__PURE__*/ (function () {
     });
     Object.defineProperty(IgxXInputGroupComponent.prototype, "boxTypeCornerRadiusBottomRight", {
         get: function () {
-            return this.i.kq ? this.i.kq.b : NaN;
+            return this.i.kq ? this.i.kq.c : NaN;
         },
         set: function (v) {
             this.ensureBoxTypeCornerRadius();
-            this.i.kq.b = +v;
+            this.i.kq.c = +v;
             this.i.kq = this.i.kq;
         },
         enumerable: false,
@@ -1237,11 +1237,11 @@ var IgxXInputGroupComponent = /** @class */ /*@__PURE__*/ (function () {
     });
     Object.defineProperty(IgxXInputGroupComponent.prototype, "boxTypeCornerRadiusBottomLeft", {
         get: function () {
-            return this.i.kq ? this.i.kq.a : NaN;
+            return this.i.kq ? this.i.kq.b : NaN;
         },
         set: function (v) {
             this.ensureBoxTypeCornerRadius();
-            this.i.kq.a = +v;
+            this.i.kq.b = +v;
             this.i.kq = this.i.kq;
         },
         enumerable: false,
@@ -1249,11 +1249,11 @@ var IgxXInputGroupComponent = /** @class */ /*@__PURE__*/ (function () {
     });
     Object.defineProperty(IgxXInputGroupComponent.prototype, "boxTypeCornerRadiusTopLeft", {
         get: function () {
-            return this.i.kq ? this.i.kq.c : NaN;
+            return this.i.kq ? this.i.kq.d : NaN;
         },
         set: function (v) {
             this.ensureBoxTypeCornerRadius();
-            this.i.kq.c = +v;
+            this.i.kq.d = +v;
             this.i.kq = this.i.kq;
         },
         enumerable: false,
@@ -1261,11 +1261,11 @@ var IgxXInputGroupComponent = /** @class */ /*@__PURE__*/ (function () {
     });
     Object.defineProperty(IgxXInputGroupComponent.prototype, "boxTypeCornerRadiusTopRight", {
         get: function () {
-            return this.i.kq ? this.i.kq.d : NaN;
+            return this.i.kq ? this.i.kq.e : NaN;
         },
         set: function (v) {
             this.ensureBoxTypeCornerRadius();
-            this.i.kq.d = +v;
+            this.i.kq.e = +v;
             this.i.kq = this.i.kq;
         },
         enumerable: false,
@@ -1554,11 +1554,11 @@ var IgxXInputGroupComponent = /** @class */ /*@__PURE__*/ (function () {
     });
     Object.defineProperty(IgxXInputGroupComponent.prototype, "borderTypeCornerRadiusBottomRight", {
         get: function () {
-            return this.i.kp ? this.i.kp.b : NaN;
+            return this.i.kp ? this.i.kp.c : NaN;
         },
         set: function (v) {
             this.ensureBorderTypeCornerRadius();
-            this.i.kp.b = +v;
+            this.i.kp.c = +v;
             this.i.kp = this.i.kp;
         },
         enumerable: false,
@@ -1566,11 +1566,11 @@ var IgxXInputGroupComponent = /** @class */ /*@__PURE__*/ (function () {
     });
     Object.defineProperty(IgxXInputGroupComponent.prototype, "borderTypeCornerRadiusBottomLeft", {
         get: function () {
-            return this.i.kp ? this.i.kp.a : NaN;
+            return this.i.kp ? this.i.kp.b : NaN;
         },
         set: function (v) {
             this.ensureBorderTypeCornerRadius();
-            this.i.kp.a = +v;
+            this.i.kp.b = +v;
             this.i.kp = this.i.kp;
         },
         enumerable: false,
@@ -1578,11 +1578,11 @@ var IgxXInputGroupComponent = /** @class */ /*@__PURE__*/ (function () {
     });
     Object.defineProperty(IgxXInputGroupComponent.prototype, "borderTypeCornerRadiusTopLeft", {
         get: function () {
-            return this.i.kp ? this.i.kp.c : NaN;
+            return this.i.kp ? this.i.kp.d : NaN;
         },
         set: function (v) {
             this.ensureBorderTypeCornerRadius();
-            this.i.kp.c = +v;
+            this.i.kp.d = +v;
             this.i.kp = this.i.kp;
         },
         enumerable: false,
@@ -1590,11 +1590,11 @@ var IgxXInputGroupComponent = /** @class */ /*@__PURE__*/ (function () {
     });
     Object.defineProperty(IgxXInputGroupComponent.prototype, "borderTypeCornerRadiusTopRight", {
         get: function () {
-            return this.i.kp ? this.i.kp.d : NaN;
+            return this.i.kp ? this.i.kp.e : NaN;
         },
         set: function (v) {
             this.ensureBorderTypeCornerRadius();
-            this.i.kp.d = +v;
+            this.i.kp.e = +v;
             this.i.kp = this.i.kp;
         },
         enumerable: false,
@@ -1883,11 +1883,11 @@ var IgxXInputGroupComponent = /** @class */ /*@__PURE__*/ (function () {
     });
     Object.defineProperty(IgxXInputGroupComponent.prototype, "searchTypeCornerRadiusBottomRight", {
         get: function () {
-            return this.i.ky ? this.i.ky.b : NaN;
+            return this.i.ky ? this.i.ky.c : NaN;
         },
         set: function (v) {
             this.ensureSearchTypeCornerRadius();
-            this.i.ky.b = +v;
+            this.i.ky.c = +v;
             this.i.ky = this.i.ky;
         },
         enumerable: false,
@@ -1895,11 +1895,11 @@ var IgxXInputGroupComponent = /** @class */ /*@__PURE__*/ (function () {
     });
     Object.defineProperty(IgxXInputGroupComponent.prototype, "searchTypeCornerRadiusBottomLeft", {
         get: function () {
-            return this.i.ky ? this.i.ky.a : NaN;
+            return this.i.ky ? this.i.ky.b : NaN;
         },
         set: function (v) {
             this.ensureSearchTypeCornerRadius();
-            this.i.ky.a = +v;
+            this.i.ky.b = +v;
             this.i.ky = this.i.ky;
         },
         enumerable: false,
@@ -1907,11 +1907,11 @@ var IgxXInputGroupComponent = /** @class */ /*@__PURE__*/ (function () {
     });
     Object.defineProperty(IgxXInputGroupComponent.prototype, "searchTypeCornerRadiusTopLeft", {
         get: function () {
-            return this.i.ky ? this.i.ky.c : NaN;
+            return this.i.ky ? this.i.ky.d : NaN;
         },
         set: function (v) {
             this.ensureSearchTypeCornerRadius();
-            this.i.ky.c = +v;
+            this.i.ky.d = +v;
             this.i.ky = this.i.ky;
         },
         enumerable: false,
@@ -1919,11 +1919,11 @@ var IgxXInputGroupComponent = /** @class */ /*@__PURE__*/ (function () {
     });
     Object.defineProperty(IgxXInputGroupComponent.prototype, "searchTypeCornerRadiusTopRight", {
         get: function () {
-            return this.i.ky ? this.i.ky.d : NaN;
+            return this.i.ky ? this.i.ky.e : NaN;
         },
         set: function (v) {
             this.ensureSearchTypeCornerRadius();
-            this.i.ky.d = +v;
+            this.i.ky.e = +v;
             this.i.ky = this.i.ky;
         },
         enumerable: false,

package/esm5/lib/igx-x-label-component.js

@@ -62,6 +62,7 @@ var IgxXLabelComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         this._portalManager.onChildContentChanged(this._childTemplateRef);
         this._styling(this._root, this);
         this.updateStyle();
+        this.i.onSizeReady();
     };
     IgxXLabelComponent.prototype.createImplementation = function () {
         return new XLabel();
@@ -120,10 +121,10 @@ var IgxXLabelComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets the actual color to use for the text color.
         */
         get: function () {
-            return brushToString(this.i.cz);
+            return brushToString(this.i.c2);
         },
         set: function (v) {
-            this.i.cz = stringToBrush(v);
+            this.i.c2 = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -133,10 +134,10 @@ var IgxXLabelComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets the actual color to use for the text color.
         */
         get: function () {
-            return brushToString(this.i.cw);
+            return brushToString(this.i.cz);
         },
         set: function (v) {
-            this.i.cw = stringToBrush(v);
+            this.i.cz = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -146,10 +147,10 @@ var IgxXLabelComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets the actual color to use for the text color when highlighted and hovered.
         */
         get: function () {
-            return brushToString(this.i.cx);
+            return brushToString(this.i.c0);
         },
         set: function (v) {
-            this.i.cx = stringToBrush(v);
+            this.i.c0 = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -159,10 +160,10 @@ var IgxXLabelComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets the actual hover color to use for the text.
         */
         get: function () {
-            return brushToString(this.i.cy);
+            return brushToString(this.i.c1);
         },
         set: function (v) {
-            this.i.cy = stringToBrush(v);
+            this.i.c1 = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -172,10 +173,10 @@ var IgxXLabelComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the color to use for the text.
         */
         get: function () {
-            return brushToString(this.i.df);
+            return brushToString(this.i.di);
         },
         set: function (v) {
-            this.i.df = stringToBrush(v);
+            this.i.di = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -185,10 +186,10 @@ var IgxXLabelComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the color to use for the text.
         */
         get: function () {
-            return brushToString(this.i.dc);
+            return brushToString(this.i.df);
         },
         set: function (v) {
-            this.i.dc = stringToBrush(v);
+            this.i.df = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -198,10 +199,10 @@ var IgxXLabelComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the color to use for the text.
         */
         get: function () {
-            return brushToString(this.i.dd);
+            return brushToString(this.i.dg);
         },
         set: function (v) {
-            this.i.dd = stringToBrush(v);
+            this.i.dg = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -229,10 +230,10 @@ var IgxXLabelComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the color to use for the hovered text of the button regardless of type.
         */
         get: function () {
-            return brushToString(this.i.de);
+            return brushToString(this.i.dh);
         },
         set: function (v) {
-            this.i.de = stringToBrush(v);
+            this.i.dh = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -242,10 +243,10 @@ var IgxXLabelComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the id to use for the checkbox.
         */
         get: function () {
-            return this.i.bu;
+            return this.i.bv;
         },
         set: function (v) {
-            this.i.bu = v;
+            this.i.bv = v;
         },
         enumerable: false,
         configurable: true
@@ -255,10 +256,10 @@ var IgxXLabelComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the id to use for the checkbox.
         */
         get: function () {
-            return this.i.bi;
+            return this.i.bj;
         },
         set: function (v) {
-            this.i.bi = v;
+            this.i.bj = v;
         },
         enumerable: false,
         configurable: true
@@ -268,10 +269,10 @@ var IgxXLabelComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the id to use for the checkbox.
         */
         get: function () {
-            return this.i.bl;
+            return this.i.bm;
         },
         set: function (v) {
-            this.i.bl = v;
+            this.i.bm = v;
         },
         enumerable: false,
         configurable: true
@@ -281,10 +282,10 @@ var IgxXLabelComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the flex-grow setting for the button.
         */
         get: function () {
-            return this.i.bn;
+            return this.i.bo;
         },
         set: function (v) {
-            this.i.bn = v;
+            this.i.bo = v;
         },
         enumerable: false,
         configurable: true
@@ -294,10 +295,10 @@ var IgxXLabelComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the id to use for the checkbox.
         */
         get: function () {
-            return this.i.ba;
+            return this.i.bb;
         },
         set: function (v) {
-            this.i.ba = v;
+            this.i.bb = v;
         },
         enumerable: false,
         configurable: true
@@ -307,10 +308,10 @@ var IgxXLabelComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the id to use for the checkbox.
         */
         get: function () {
-            return this.i.bc;
+            return this.i.bd;
         },
         set: function (v) {
-            this.i.bc = v;
+            this.i.bd = v;
         },
         enumerable: false,
         configurable: true
@@ -320,10 +321,10 @@ var IgxXLabelComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets TabIndex to use for the checkbox.
         */
         get: function () {
-            return this.i.as;
+            return this.i.at;
         },
         set: function (v) {
-            this.i.as = +v;
+            this.i.at = +v;
         },
         enumerable: false,
         configurable: true
@@ -333,10 +334,10 @@ var IgxXLabelComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the for attribute to use for the label.
         */
         get: function () {
-            return this.i.bp;
+            return this.i.bq;
         },
         set: function (v) {
-            this.i.bp = v;
+            this.i.bq = v;
         },
         enumerable: false,
         configurable: true
@@ -346,10 +347,10 @@ var IgxXLabelComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the value of the aria-label attribute.
         */
         get: function () {
-            return this.i.be;
+            return this.i.bf;
         },
         set: function (v) {
-            this.i.be = v;
+            this.i.bf = v;
         },
         enumerable: false,
         configurable: true
@@ -372,10 +373,10 @@ var IgxXLabelComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets whether the label is hovered.
         */
         get: function () {
-            return this.i.am;
+            return this.i.an;
         },
         set: function (v) {
-            this.i.am = ensureBool(v);
+            this.i.an = ensureBool(v);
         },
         enumerable: false,
         configurable: true
@@ -385,10 +386,10 @@ var IgxXLabelComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the value for the label.
         */
         get: function () {
-            return this.i.aq;
+            return this.i.ar;
         },
         set: function (v) {
-            this.i.aq = ensureBool(v);
+            this.i.ar = ensureBool(v);
         },
         enumerable: false,
         configurable: true
@@ -417,7 +418,7 @@ var IgxXLabelComponent = /** @class */ /*@__PURE__*/ (function (_super) {
     
     */
     IgxXLabelComponent.prototype.exportVisualModel = function () {
-        var iv = this.i.au();
+        var iv = this.i.av();
         return (iv);
     };
     /**
@@ -425,7 +426,7 @@ var IgxXLabelComponent = /** @class */ /*@__PURE__*/ (function (_super) {
     
     */
     IgxXLabelComponent.prototype.exportSerializedVisualModel = function () {
-        var iv = this.i.bk();
+        var iv = this.i.bl();
         return (iv);
     };
     IgxXLabelComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: IgxXLabelComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ViewContainerRef }, { token: i0.NgZone }, { token: i0.Injector }, { token: i0.ComponentFactoryResolver }], target: i0.ɵɵFactoryTarget.Component });

package/esm5/public_api.js

@@ -24,10 +24,18 @@ export * from './lib/LostFocusEventArgs';
 export * from './lib/igx-lost-focus-event-args';
 export * from './lib/DateFormats';
 export * from './lib/DatePickerVisualModelExport';
+export * from './lib/igx-color-editor-component';
+export * from './lib/igx-color-editor-panel-component';
 export * from './lib/igx-x-checkbox-component';
+export * from './lib/igx-color-editor-dynamic-module';
+export * from './lib/igx-color-editor-module';
+export * from './lib/igx-color-editor-panel-dynamic-module';
+export * from './lib/igx-color-editor-panel-module';
 export * from './lib/igx-x-checkbox-dynamic-module';
 export * from './lib/igx-x-checkbox-module';
 export * from './lib/igx-x-ripple-component';
+export * from './lib/igx-multi-slider-dynamic-module';
+export * from './lib/igx-multi-slider-module';
 export * from './lib/igx-x-ripple-dynamic-module';
 export * from './lib/igx-x-ripple-module';
 export * from './lib/igx-x-button-component';
@@ -54,7 +62,10 @@ export * from './lib/igx-x-prefix-component';
 export * from './lib/igx-x-suffix-component';
 export * from './lib/NativeUIXInputsFactory';
 export * from './lib/XComponentBridge';
+export * from './lib/MultiSliderBridge';
 export * from './lib/XButtonBridge';
+export * from './lib/XButtonGroupBridge';
+export * from './lib/ColorEditorBridge';
 export * from './lib/XCheckboxBridge';
 export * from './lib/XIconButtonBridge';
 export * from './lib/XInputBridge';
@@ -64,6 +75,10 @@ export * from './lib/KEYCODES';
 export * from './lib/MaskOptions';
 export * from './lib/Replaced';
 export * from './lib/MaskParsingService';
+export * from './lib/ColorEditorPanelView';
+export * from './lib/MultiSliderView';
+export * from './lib/MultiSliderCursor';
+export * from './lib/ColorEditorView';
 export * from './lib/InputGroupView';
 export * from './lib/ElevationHelper';
 export * from './lib/ButtonGroupView';
@@ -75,6 +90,46 @@ export * from './lib/IconView';
 export * from './lib/ButtonView';
 export * from './lib/RippleView';
 export * from './lib/CheckboxView';
+export * from './lib/ColorEditor';
+export * from './lib/ColorEditorGotFocusEventArgs';
+export * from './lib/igx-color-editor-got-focus-event-args';
+export * from './lib/ColorEditorLostFocusEventArgs';
+export * from './lib/igx-color-editor-lost-focus-event-args';
+export * from './lib/ColorEditorPanel';
+export * from './lib/ColorEditorPanelClosedEventArgs';
+export * from './lib/igx-color-editor-panel-closed-event-args';
+export * from './lib/ColorEditorPanelSelectedValueChangedEventArgs';
+export * from './lib/igx-color-editor-panel-selected-value-changed-event-args';
+export * from './lib/ISliderTrackOwner';
+export * from './lib/MultiSlider';
+export * from './lib/igx-multi-slider-component';
+export * from './lib/MultiSliderThumbValueChangingEventArgs';
+export * from './lib/igx-multi-slider-thumb-value-changing-event-args';
+export * from './lib/MultiSliderYValueChangingEventArgs';
+export * from './lib/igx-multi-slider-y-value-changing-event-args';
+export * from './lib/MultiSliderHitInfo';
+export * from './lib/MultiSliderResolvingToolTipValueEventArgs';
+export * from './lib/igx-multi-slider-resolving-tool-tip-value-event-args';
+export * from './lib/igx-multi-slider-thumb-collection';
+export * from './lib/MultiSliderThumbCollection';
+export * from './lib/IMultiSliderTrackBarVisual';
+export * from './lib/DefaultMultiSliderTrackBarVisual';
+export * from './lib/IMultiSliderTrackRangeVisual';
+export * from './lib/DefaultMultiSliderTrackRangeVisual';
+export * from './lib/IMultiSliderTrackShadeVisual';
+export * from './lib/MultiSliderTrackShadeOrientation';
+export * from './lib/DefaultMultiTrackShadeVisual';
+export * from './lib/MultiSliderThumb';
+export * from './lib/igx-multi-slider-thumb';
+export * from './lib/MultiSliderThumbRangePosition';
+export * from './lib/IMultiSliderTrackThumbCalloutVisual';
+export * from './lib/DefaultMultiSliderTrackThumbCalloutVisual';
+export * from './lib/MultiSliderTrackThumbRange';
+export * from './lib/igx-multi-slider-track-thumb-range';
+export * from './lib/IMultiSliderTrackThumbVisual';
+export * from './lib/DefaultMultiSliderTrackThumbVisual';
+export * from './lib/MultiSliderOrientation';
+export * from './lib/MultiSliderVisualArea';
 export * from './lib/XSuffix';
 export * from './lib/SuffixShiftType';
 export * from './lib/XPrefix';