igniteui-webcomponents-grids 4.7.2-beta.0 → 4.7.2-beta.2

package/esm5/lib/igc-multi-column-combo-box-component.js

@@ -236,11 +236,11 @@ var IgcMultiColumnComboBoxComponent = /** @class */ /*@__PURE__*/ (function (_su
      * Gets or sets the ShowClearButton property to detirmine if the clear button is shown
     */
         get: function () {
-            return this.i.bl;
+            return this.i.bq;
         },
         set: function (v) {
-            this.i.bl = ensureBool(v);
-            this._a("showClearButton", this.i.bl);
+            this.i.bq = ensureBool(v);
+            this._a("showClearButton", this.i.bq);
         },
         enumerable: false,
         configurable: true
@@ -267,11 +267,11 @@ var IgcMultiColumnComboBoxComponent = /** @class */ /*@__PURE__*/ (function (_su
          * Gets or sets the background color to use for the input group.
         */
         get: function () {
-            return brushToString(this.i.hn);
+            return brushToString(this.i.hw);
         },
         set: function (v) {
-            this.i.hn = stringToBrush(v);
-            this._a("backgroundColor", brushToString(this.i.hn));
+            this.i.hw = stringToBrush(v);
+            this._a("backgroundColor", brushToString(this.i.hw));
         },
         enumerable: false,
         configurable: true
@@ -281,11 +281,11 @@ var IgcMultiColumnComboBoxComponent = /** @class */ /*@__PURE__*/ (function (_su
          * Gets the actual opacity to use for the underline ripple element.
         */
         get: function () {
-            return brushToString(this.i.hc);
+            return brushToString(this.i.hl);
         },
         set: function (v) {
-            this.i.hc = stringToBrush(v);
-            this._a("actualBackgroundColor", brushToString(this.i.hc));
+            this.i.hl = stringToBrush(v);
+            this._a("actualBackgroundColor", brushToString(this.i.hl));
         },
         enumerable: false,
         configurable: true
@@ -323,11 +323,11 @@ var IgcMultiColumnComboBoxComponent = /** @class */ /*@__PURE__*/ (function (_su
          * Gets or sets the color to use the border of the input group.
         */
         get: function () {
-            return brushToString(this.i.ho);
+            return brushToString(this.i.hx);
         },
         set: function (v) {
-            this.i.ho = stringToBrush(v);
-            this._a("borderColor", brushToString(this.i.ho));
+            this.i.hx = stringToBrush(v);
+            this._a("borderColor", brushToString(this.i.hx));
         },
         enumerable: false,
         configurable: true
@@ -337,11 +337,11 @@ var IgcMultiColumnComboBoxComponent = /** @class */ /*@__PURE__*/ (function (_su
          * Gets the actual item background color.
         */
         get: function () {
-            return brushToString(this.i.hd);
+            return brushToString(this.i.hm);
         },
         set: function (v) {
-            this.i.hd = stringToBrush(v);
-            this._a("actualBorderColor", brushToString(this.i.hd));
+            this.i.hm = stringToBrush(v);
+            this._a("actualBorderColor", brushToString(this.i.hm));
         },
         enumerable: false,
         configurable: true
@@ -351,11 +351,11 @@ var IgcMultiColumnComboBoxComponent = /** @class */ /*@__PURE__*/ (function (_su
          * Gets or sets the border width to use for the border of the item group.
         */
         get: function () {
-            return this.i.cg;
+            return this.i.cm;
         },
         set: function (v) {
-            this.i.cg = +v;
-            this._a("borderWidth", this.i.cg);
+            this.i.cm = +v;
+            this._a("borderWidth", this.i.cm);
         },
         enumerable: false,
         configurable: true
@@ -365,11 +365,11 @@ var IgcMultiColumnComboBoxComponent = /** @class */ /*@__PURE__*/ (function (_su
          * Gets the actual item border width.
         */
         get: function () {
-            return this.i.b6;
+            return this.i.cc;
         },
         set: function (v) {
-            this.i.b6 = +v;
-            this._a("actualBorderWidth", this.i.b6);
+            this.i.cc = +v;
+            this._a("actualBorderWidth", this.i.cc);
         },
         enumerable: false,
         configurable: true
@@ -390,235 +390,235 @@ var IgcMultiColumnComboBoxComponent = /** @class */ /*@__PURE__*/ (function (_su
     });
     Object.defineProperty(IgcMultiColumnComboBoxComponent.prototype, "contentPaddingBottom", {
         get: function () {
-            return this.i.ic ? this.i.ic.bottom : NaN;
+            return this.i.im ? this.i.im.bottom : NaN;
         },
         set: function (v) {
             this.ensureContentPadding();
-            this.i.ic.bottom = +v;
-            this._a("contentPaddingBottom", this.i.ic.bottom);
-            this.i.ic = this.i.ic;
+            this.i.im.bottom = +v;
+            this._a("contentPaddingBottom", this.i.im.bottom);
+            this.i.im = this.i.im;
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcMultiColumnComboBoxComponent.prototype, "contentPaddingLeft", {
         get: function () {
-            return this.i.ic ? this.i.ic.left : NaN;
+            return this.i.im ? this.i.im.left : NaN;
         },
         set: function (v) {
             this.ensureContentPadding();
-            this.i.ic.left = +v;
-            this._a("contentPaddingLeft", this.i.ic.left);
-            this.i.ic = this.i.ic;
+            this.i.im.left = +v;
+            this._a("contentPaddingLeft", this.i.im.left);
+            this.i.im = this.i.im;
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcMultiColumnComboBoxComponent.prototype, "contentPaddingRight", {
         get: function () {
-            return this.i.ic ? this.i.ic.right : NaN;
+            return this.i.im ? this.i.im.right : NaN;
         },
         set: function (v) {
             this.ensureContentPadding();
-            this.i.ic.right = +v;
-            this._a("contentPaddingRight", this.i.ic.right);
-            this.i.ic = this.i.ic;
+            this.i.im.right = +v;
+            this._a("contentPaddingRight", this.i.im.right);
+            this.i.im = this.i.im;
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcMultiColumnComboBoxComponent.prototype, "contentPaddingTop", {
         get: function () {
-            return this.i.ic ? this.i.ic.top : NaN;
+            return this.i.im ? this.i.im.top : NaN;
         },
         set: function (v) {
             this.ensureContentPadding();
-            this.i.ic.top = +v;
-            this._a("contentPaddingTop", this.i.ic.top);
-            this.i.ic = this.i.ic;
+            this.i.im.top = +v;
+            this._a("contentPaddingTop", this.i.im.top);
+            this.i.im = this.i.im;
         },
         enumerable: false,
         configurable: true
     });
     IgcMultiColumnComboBoxComponent.prototype.ensureContentPadding = function () {
-        if (this.i.ic) {
+        if (this.i.im) {
             return;
         }
-        this.i.ic = new Thickness(2);
+        this.i.im = new Thickness(2);
     };
     Object.defineProperty(IgcMultiColumnComboBoxComponent.prototype, "actualContentPaddingBottom", {
         get: function () {
-            return this.i.ib ? this.i.ib.bottom : NaN;
+            return this.i.il ? this.i.il.bottom : NaN;
         },
         set: function (v) {
             this.ensureActualContentPadding();
-            this.i.ib.bottom = +v;
-            this._a("actualContentPaddingBottom", this.i.ib.bottom);
-            this.i.ib = this.i.ib;
+            this.i.il.bottom = +v;
+            this._a("actualContentPaddingBottom", this.i.il.bottom);
+            this.i.il = this.i.il;
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcMultiColumnComboBoxComponent.prototype, "actualContentPaddingLeft", {
         get: function () {
-            return this.i.ib ? this.i.ib.left : NaN;
+            return this.i.il ? this.i.il.left : NaN;
         },
         set: function (v) {
             this.ensureActualContentPadding();
-            this.i.ib.left = +v;
-            this._a("actualContentPaddingLeft", this.i.ib.left);
-            this.i.ib = this.i.ib;
+            this.i.il.left = +v;
+            this._a("actualContentPaddingLeft", this.i.il.left);
+            this.i.il = this.i.il;
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcMultiColumnComboBoxComponent.prototype, "actualContentPaddingRight", {
         get: function () {
-            return this.i.ib ? this.i.ib.right : NaN;
+            return this.i.il ? this.i.il.right : NaN;
         },
         set: function (v) {
             this.ensureActualContentPadding();
-            this.i.ib.right = +v;
-            this._a("actualContentPaddingRight", this.i.ib.right);
-            this.i.ib = this.i.ib;
+            this.i.il.right = +v;
+            this._a("actualContentPaddingRight", this.i.il.right);
+            this.i.il = this.i.il;
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcMultiColumnComboBoxComponent.prototype, "actualContentPaddingTop", {
         get: function () {
-            return this.i.ib ? this.i.ib.top : NaN;
+            return this.i.il ? this.i.il.top : NaN;
         },
         set: function (v) {
             this.ensureActualContentPadding();
-            this.i.ib.top = +v;
-            this._a("actualContentPaddingTop", this.i.ib.top);
-            this.i.ib = this.i.ib;
+            this.i.il.top = +v;
+            this._a("actualContentPaddingTop", this.i.il.top);
+            this.i.il = this.i.il;
         },
         enumerable: false,
         configurable: true
     });
     IgcMultiColumnComboBoxComponent.prototype.ensureActualContentPadding = function () {
-        if (this.i.ib) {
+        if (this.i.il) {
             return;
         }
-        this.i.ib = new Thickness(2);
+        this.i.il = new Thickness(2);
     };
     Object.defineProperty(IgcMultiColumnComboBoxComponent.prototype, "cornerRadiusBottomRight", {
         get: function () {
-            return this.i.go ? this.i.go.b : NaN;
+            return this.i.gx ? this.i.gx.b : NaN;
         },
         set: function (v) {
             this.ensureCornerRadius();
-            this.i.go.b = +v;
-            this._a("cornerRadiusBottomRight", this.i.go.b);
-            this.i.go = this.i.go;
+            this.i.gx.b = +v;
+            this._a("cornerRadiusBottomRight", this.i.gx.b);
+            this.i.gx = this.i.gx;
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcMultiColumnComboBoxComponent.prototype, "cornerRadiusBottomLeft", {
         get: function () {
-            return this.i.go ? this.i.go.a : NaN;
+            return this.i.gx ? this.i.gx.a : NaN;
         },
         set: function (v) {
             this.ensureCornerRadius();
-            this.i.go.a = +v;
-            this._a("cornerRadiusBottomLeft", this.i.go.a);
-            this.i.go = this.i.go;
+            this.i.gx.a = +v;
+            this._a("cornerRadiusBottomLeft", this.i.gx.a);
+            this.i.gx = this.i.gx;
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcMultiColumnComboBoxComponent.prototype, "cornerRadiusTopLeft", {
         get: function () {
-            return this.i.go ? this.i.go.c : NaN;
+            return this.i.gx ? this.i.gx.c : NaN;
         },
         set: function (v) {
             this.ensureCornerRadius();
-            this.i.go.c = +v;
-            this._a("cornerRadiusTopLeft", this.i.go.c);
-            this.i.go = this.i.go;
+            this.i.gx.c = +v;
+            this._a("cornerRadiusTopLeft", this.i.gx.c);
+            this.i.gx = this.i.gx;
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcMultiColumnComboBoxComponent.prototype, "cornerRadiusTopRight", {
         get: function () {
-            return this.i.go ? this.i.go.d : NaN;
+            return this.i.gx ? this.i.gx.d : NaN;
         },
         set: function (v) {
             this.ensureCornerRadius();
-            this.i.go.d = +v;
-            this._a("cornerRadiusTopRight", this.i.go.d);
-            this.i.go = this.i.go;
+            this.i.gx.d = +v;
+            this._a("cornerRadiusTopRight", this.i.gx.d);
+            this.i.gx = this.i.gx;
         },
         enumerable: false,
         configurable: true
     });
     IgcMultiColumnComboBoxComponent.prototype.ensureCornerRadius = function () {
-        if (this.i.go) {
+        if (this.i.gx) {
             return;
         }
-        this.i.go = new CornerRadius(2);
+        this.i.gx = new CornerRadius(2);
     };
     Object.defineProperty(IgcMultiColumnComboBoxComponent.prototype, "actualCornerRadiusBottomRight", {
         get: function () {
-            return this.i.gn ? this.i.gn.b : NaN;
+            return this.i.gw ? this.i.gw.b : NaN;
         },
         set: function (v) {
             this.ensureActualCornerRadius();
-            this.i.gn.b = +v;
-            this._a("actualCornerRadiusBottomRight", this.i.gn.b);
-            this.i.gn = this.i.gn;
+            this.i.gw.b = +v;
+            this._a("actualCornerRadiusBottomRight", this.i.gw.b);
+            this.i.gw = this.i.gw;
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcMultiColumnComboBoxComponent.prototype, "actualCornerRadiusBottomLeft", {
         get: function () {
-            return this.i.gn ? this.i.gn.a : NaN;
+            return this.i.gw ? this.i.gw.a : NaN;
         },
         set: function (v) {
             this.ensureActualCornerRadius();
-            this.i.gn.a = +v;
-            this._a("actualCornerRadiusBottomLeft", this.i.gn.a);
-            this.i.gn = this.i.gn;
+            this.i.gw.a = +v;
+            this._a("actualCornerRadiusBottomLeft", this.i.gw.a);
+            this.i.gw = this.i.gw;
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcMultiColumnComboBoxComponent.prototype, "actualCornerRadiusTopLeft", {
         get: function () {
-            return this.i.gn ? this.i.gn.c : NaN;
+            return this.i.gw ? this.i.gw.c : NaN;
         },
         set: function (v) {
             this.ensureActualCornerRadius();
-            this.i.gn.c = +v;
-            this._a("actualCornerRadiusTopLeft", this.i.gn.c);
-            this.i.gn = this.i.gn;
+            this.i.gw.c = +v;
+            this._a("actualCornerRadiusTopLeft", this.i.gw.c);
+            this.i.gw = this.i.gw;
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcMultiColumnComboBoxComponent.prototype, "actualCornerRadiusTopRight", {
         get: function () {
-            return this.i.gn ? this.i.gn.d : NaN;
+            return this.i.gw ? this.i.gw.d : NaN;
         },
         set: function (v) {
             this.ensureActualCornerRadius();
-            this.i.gn.d = +v;
-            this._a("actualCornerRadiusTopRight", this.i.gn.d);
-            this.i.gn = this.i.gn;
+            this.i.gw.d = +v;
+            this._a("actualCornerRadiusTopRight", this.i.gw.d);
+            this.i.gw = this.i.gw;
         },
         enumerable: false,
         configurable: true
     });
     IgcMultiColumnComboBoxComponent.prototype.ensureActualCornerRadius = function () {
-        if (this.i.gn) {
+        if (this.i.gw) {
             return;
         }
-        this.i.gn = new CornerRadius(2);
+        this.i.gw = new CornerRadius(2);
     };
     Object.defineProperty(IgcMultiColumnComboBoxComponent.prototype, "dataSourceDesiredProperties", {
         /**
@@ -684,11 +684,11 @@ var IgcMultiColumnComboBoxComponent = /** @class */ /*@__PURE__*/ (function (_su
          * Gets or sets the color to use the hovered background of the inputs in the group.
         */
         get: function () {
-            return brushToString(this.i.h0);
+            return brushToString(this.i.h9);
         },
         set: function (v) {
-            this.i.h0 = stringToBrush(v);
-            this._a("focusBorderColor", brushToString(this.i.h0));
+            this.i.h9 = stringToBrush(v);
+            this._a("focusBorderColor", brushToString(this.i.h9));
         },
         enumerable: false,
         configurable: true
@@ -698,11 +698,11 @@ var IgcMultiColumnComboBoxComponent = /** @class */ /*@__PURE__*/ (function (_su
          * Gets the actual item border color.
         */
         get: function () {
-            return brushToString(this.i.he);
+            return brushToString(this.i.hn);
         },
         set: function (v) {
-            this.i.he = stringToBrush(v);
-            this._a("actualFocusBorderColor", brushToString(this.i.he));
+            this.i.hn = stringToBrush(v);
+            this._a("actualFocusBorderColor", brushToString(this.i.hn));
         },
         enumerable: false,
         configurable: true
@@ -712,11 +712,11 @@ var IgcMultiColumnComboBoxComponent = /** @class */ /*@__PURE__*/ (function (_su
          * Gets or sets the border width to use for the border of the item group when focused.
         */
         get: function () {
-            return this.i.cs;
+            return this.i.cy;
         },
         set: function (v) {
-            this.i.cs = +v;
-            this._a("focusBorderWidth", this.i.cs);
+            this.i.cy = +v;
+            this._a("focusBorderWidth", this.i.cy);
         },
         enumerable: false,
         configurable: true
@@ -726,11 +726,11 @@ var IgcMultiColumnComboBoxComponent = /** @class */ /*@__PURE__*/ (function (_su
          * Gets the actual item border width.
         */
         get: function () {
-            return this.i.b7;
+            return this.i.cd;
         },
         set: function (v) {
-            this.i.b7 = +v;
-            this._a("actualFocusBorderWidth", this.i.b7);
+            this.i.cd = +v;
+            this._a("actualFocusBorderWidth", this.i.cd);
         },
         enumerable: false,
         configurable: true
@@ -740,11 +740,11 @@ var IgcMultiColumnComboBoxComponent = /** @class */ /*@__PURE__*/ (function (_su
          * Gets or sets the color to use for the underline element.
         */
         get: function () {
-            return brushToString(this.i.h1);
+            return brushToString(this.i.ia);
         },
         set: function (v) {
-            this.i.h1 = stringToBrush(v);
-            this._a("focusUnderlineColor", brushToString(this.i.h1));
+            this.i.ia = stringToBrush(v);
+            this._a("focusUnderlineColor", brushToString(this.i.ia));
         },
         enumerable: false,
         configurable: true
@@ -754,11 +754,11 @@ var IgcMultiColumnComboBoxComponent = /** @class */ /*@__PURE__*/ (function (_su
          * Gets the actual color to use for the underline element when focused.
         */
         get: function () {
-            return brushToString(this.i.hf);
+            return brushToString(this.i.ho);
         },
         set: function (v) {
-            this.i.hf = stringToBrush(v);
-            this._a("actualFocusUnderlineColor", brushToString(this.i.hf));
+            this.i.ho = stringToBrush(v);
+            this._a("actualFocusUnderlineColor", brushToString(this.i.ho));
         },
         enumerable: false,
         configurable: true
@@ -768,11 +768,11 @@ var IgcMultiColumnComboBoxComponent = /** @class */ /*@__PURE__*/ (function (_su
          * Gets or sets the color to use for the underline element.
         */
         get: function () {
-            return this.i.ct;
+            return this.i.cz;
         },
         set: function (v) {
-            this.i.ct = +v;
-            this._a("focusUnderlineOpacity", this.i.ct);
+            this.i.cz = +v;
+            this._a("focusUnderlineOpacity", this.i.cz);
         },
         enumerable: false,
         configurable: true
@@ -782,11 +782,11 @@ var IgcMultiColumnComboBoxComponent = /** @class */ /*@__PURE__*/ (function (_su
          * Gets the actual opacity to use for the underline element when focused.
         */
         get: function () {
-            return this.i.b8;
+            return this.i.ce;
         },
         set: function (v) {
-            this.i.b8 = +v;
-            this._a("actualFocusUnderlineOpacity", this.i.b8);
+            this.i.ce = +v;
+            this._a("actualFocusUnderlineOpacity", this.i.ce);
         },
         enumerable: false,
         configurable: true
@@ -796,11 +796,11 @@ var IgcMultiColumnComboBoxComponent = /** @class */ /*@__PURE__*/ (function (_su
          * Gets or sets the opacity to use for the underline ripple element when focused.
         */
         get: function () {
-            return this.i.cu;
+            return this.i.c0;
         },
         set: function (v) {
-            this.i.cu = +v;
-            this._a("focusUnderlineRippleOpacity", this.i.cu);
+            this.i.c0 = +v;
+            this._a("focusUnderlineRippleOpacity", this.i.c0);
         },
         enumerable: false,
         configurable: true
@@ -810,11 +810,11 @@ var IgcMultiColumnComboBoxComponent = /** @class */ /*@__PURE__*/ (function (_su
          * Gets the actual opacity to use for the underline ripple element when focused.
         */
         get: function () {
-            return this.i.b9;
+            return this.i.cf;
         },
         set: function (v) {
-            this.i.b9 = +v;
-            this._a("actualFocusUnderlineRippleOpacity", this.i.b9);
+            this.i.cf = +v;
+            this._a("actualFocusUnderlineRippleOpacity", this.i.cf);
         },
         enumerable: false,
         configurable: true
@@ -824,11 +824,11 @@ var IgcMultiColumnComboBoxComponent = /** @class */ /*@__PURE__*/ (function (_su
          * Gets or sets the color to use for the underline element.
         */
         get: function () {
-            return brushToString(this.i.h2);
+            return brushToString(this.i.ib);
         },
         set: function (v) {
-            this.i.h2 = stringToBrush(v);
-            this._a("hoverUnderlineColor", brushToString(this.i.h2));
+            this.i.ib = stringToBrush(v);
+            this._a("hoverUnderlineColor", brushToString(this.i.ib));
         },
         enumerable: false,
         configurable: true
@@ -838,11 +838,11 @@ var IgcMultiColumnComboBoxComponent = /** @class */ /*@__PURE__*/ (function (_su
          * Gets the actual color to use for the underline element.
         */
         get: function () {
-            return brushToString(this.i.hg);
+            return brushToString(this.i.hp);
         },
         set: function (v) {
-            this.i.hg = stringToBrush(v);
-            this._a("actualHoverUnderlineColor", brushToString(this.i.hg));
+            this.i.hp = stringToBrush(v);
+            this._a("actualHoverUnderlineColor", brushToString(this.i.hp));
         },
         enumerable: false,
         configurable: true
@@ -852,11 +852,11 @@ var IgcMultiColumnComboBoxComponent = /** @class */ /*@__PURE__*/ (function (_su
          * Gets or sets the color to use for the underline element.
         */
         get: function () {
-            return this.i.cv;
+            return this.i.c1;
         },
         set: function (v) {
-            this.i.cv = +v;
-            this._a("hoverUnderlineOpacity", this.i.cv);
+            this.i.c1 = +v;
+            this._a("hoverUnderlineOpacity", this.i.c1);
         },
         enumerable: false,
         configurable: true
@@ -866,11 +866,11 @@ var IgcMultiColumnComboBoxComponent = /** @class */ /*@__PURE__*/ (function (_su
          * Gets the actual opacity to use for the underline element when hovered.
         */
         get: function () {
-            return this.i.ca;
+            return this.i.cg;
         },
         set: function (v) {
-            this.i.ca = +v;
-            this._a("actualHoverUnderlineOpacity", this.i.ca);
+            this.i.cg = +v;
+            this._a("actualHoverUnderlineOpacity", this.i.cg);
         },
         enumerable: false,
         configurable: true
@@ -880,11 +880,11 @@ var IgcMultiColumnComboBoxComponent = /** @class */ /*@__PURE__*/ (function (_su
          * Gets or sets the width to use for the underline element when hovered.
         */
         get: function () {
-            return this.i.cw;
+            return this.i.c2;
         },
         set: function (v) {
-            this.i.cw = +v;
-            this._a("hoverUnderlineWidth", this.i.cw);
+            this.i.c2 = +v;
+            this._a("hoverUnderlineWidth", this.i.c2);
         },
         enumerable: false,
         configurable: true
@@ -894,11 +894,11 @@ var IgcMultiColumnComboBoxComponent = /** @class */ /*@__PURE__*/ (function (_su
          * Gets the width to use for the underline element when hovered.
         */
         get: function () {
-            return this.i.cb;
+            return this.i.ch;
         },
         set: function (v) {
-            this.i.cb = +v;
-            this._a("actualHoverUnderlineWidth", this.i.cb);
+            this.i.ch = +v;
+            this._a("actualHoverUnderlineWidth", this.i.ch);
         },
         enumerable: false,
         configurable: true
@@ -932,10 +932,10 @@ var IgcMultiColumnComboBoxComponent = /** @class */ /*@__PURE__*/ (function (_su
          * The text displayed in the label portion of the control.
         */
         get: function () {
-            return this.i.e4;
+            return this.i.fb;
         },
         set: function (v) {
-            this.i.e4 = v;
+            this.i.fb = v;
         },
         enumerable: false,
         configurable: true
@@ -945,11 +945,11 @@ var IgcMultiColumnComboBoxComponent = /** @class */ /*@__PURE__*/ (function (_su
          * Gets or sets the color to use for the text.
         */
         get: function () {
-            return brushToString(this.i.h3);
+            return brushToString(this.i.ic);
         },
         set: function (v) {
-            this.i.h3 = stringToBrush(v);
-            this._a("labelTextColor", brushToString(this.i.h3));
+            this.i.ic = stringToBrush(v);
+            this._a("labelTextColor", brushToString(this.i.ic));
         },
         enumerable: false,
         configurable: true
@@ -959,11 +959,11 @@ var IgcMultiColumnComboBoxComponent = /** @class */ /*@__PURE__*/ (function (_su
          * Gets the actual color to use for the text color.
         */
         get: function () {
-            return brushToString(this.i.hh);
+            return brushToString(this.i.hq);
         },
         set: function (v) {
-            this.i.hh = stringToBrush(v);
-            this._a("actualLabelTextColor", brushToString(this.i.hh));
+            this.i.hq = stringToBrush(v);
+            this._a("actualLabelTextColor", brushToString(this.i.hq));
         },
         enumerable: false,
         configurable: true
@@ -1006,10 +1006,10 @@ var IgcMultiColumnComboBoxComponent = /** @class */ /*@__PURE__*/ (function (_su
          * Gets or sets the text to display on the list when no suggested matches are found.
         */
         get: function () {
-            return this.i.fa;
+            return this.i.fh;
         },
         set: function (v) {
-            this.i.fa = v;
+            this.i.fh = v;
         },
         enumerable: false,
         configurable: true
@@ -1032,11 +1032,11 @@ var IgcMultiColumnComboBoxComponent = /** @class */ /*@__PURE__*/ (function (_su
          * Gets or sets the color to use for the "no matches found" label.
         */
         get: function () {
-            return brushToString(this.i.h4);
+            return brushToString(this.i.id);
         },
         set: function (v) {
-            this.i.h4 = stringToBrush(v);
-            this._a("noMatchesFoundLabelBackgroundColor", brushToString(this.i.h4));
+            this.i.id = stringToBrush(v);
+            this._a("noMatchesFoundLabelBackgroundColor", brushToString(this.i.id));
         },
         enumerable: false,
         configurable: true
@@ -1046,11 +1046,11 @@ var IgcMultiColumnComboBoxComponent = /** @class */ /*@__PURE__*/ (function (_su
          * Gets the actual color to use for the "no matches found" label.
         */
         get: function () {
-            return brushToString(this.i.hi);
+            return brushToString(this.i.hr);
         },
         set: function (v) {
-            this.i.hi = stringToBrush(v);
-            this._a("actualNoMatchesFoundLabelBackgroundColor", brushToString(this.i.hi));
+            this.i.hr = stringToBrush(v);
+            this._a("actualNoMatchesFoundLabelBackgroundColor", brushToString(this.i.hr));
         },
         enumerable: false,
         configurable: true
@@ -1060,11 +1060,11 @@ var IgcMultiColumnComboBoxComponent = /** @class */ /*@__PURE__*/ (function (_su
          * Gets or sets the color to use for the "no matches found" label.
         */
         get: function () {
-            return brushToString(this.i.h5);
+            return brushToString(this.i.ie);
         },
         set: function (v) {
-            this.i.h5 = stringToBrush(v);
-            this._a("noMatchesFoundLabelTextColor", brushToString(this.i.h5));
+            this.i.ie = stringToBrush(v);
+            this._a("noMatchesFoundLabelTextColor", brushToString(this.i.ie));
         },
         enumerable: false,
         configurable: true
@@ -1074,11 +1074,11 @@ var IgcMultiColumnComboBoxComponent = /** @class */ /*@__PURE__*/ (function (_su
          * Gets the actual color to use for the "no matches found" label.
         */
         get: function () {
-            return brushToString(this.i.hj);
+            return brushToString(this.i.hs);
         },
         set: function (v) {
-            this.i.hj = stringToBrush(v);
-            this._a("actualNoMatchesFoundLabelTextColor", brushToString(this.i.hj));
+            this.i.hs = stringToBrush(v);
+            this._a("actualNoMatchesFoundLabelTextColor", brushToString(this.i.hs));
         },
         enumerable: false,
         configurable: true
@@ -1107,10 +1107,10 @@ var IgcMultiColumnComboBoxComponent = /** @class */ /*@__PURE__*/ (function (_su
          * Placeholder text which gives the user a hint about what kind of text is expected.
         */
         get: function () {
-            return this.i.ff;
+            return this.i.fn;
         },
         set: function (v) {
-            this.i.ff = v;
+            this.i.fn = v;
         },
         enumerable: false,
         configurable: true
@@ -1134,11 +1134,11 @@ var IgcMultiColumnComboBoxComponent = /** @class */ /*@__PURE__*/ (function (_su
          * Gets or sets the color to use for the text.
         */
         get: function () {
-            return brushToString(this.i.h6);
+            return brushToString(this.i.ig);
         },
         set: function (v) {
-            this.i.h6 = stringToBrush(v);
-            this._a("textColor", brushToString(this.i.h6));
+            this.i.ig = stringToBrush(v);
+            this._a("textColor", brushToString(this.i.ig));
         },
         enumerable: false,
         configurable: true
@@ -1148,11 +1148,11 @@ var IgcMultiColumnComboBoxComponent = /** @class */ /*@__PURE__*/ (function (_su
          * Gets the actual color to use for the text color.
         */
         get: function () {
-            return brushToString(this.i.hk);
+            return brushToString(this.i.ht);
         },
         set: function (v) {
-            this.i.hk = stringToBrush(v);
-            this._a("actualTextColor", brushToString(this.i.hk));
+            this.i.ht = stringToBrush(v);
+            this._a("actualTextColor", brushToString(this.i.ht));
         },
         enumerable: false,
         configurable: true
@@ -1181,11 +1181,11 @@ var IgcMultiColumnComboBoxComponent = /** @class */ /*@__PURE__*/ (function (_su
          * Gets or sets the color to use for the underline element.
         */
         get: function () {
-            return brushToString(this.i.h7);
+            return brushToString(this.i.ih);
         },
         set: function (v) {
-            this.i.h7 = stringToBrush(v);
-            this._a("underlineColor", brushToString(this.i.h7));
+            this.i.ih = stringToBrush(v);
+            this._a("underlineColor", brushToString(this.i.ih));
         },
         enumerable: false,
         configurable: true
@@ -1195,11 +1195,11 @@ var IgcMultiColumnComboBoxComponent = /** @class */ /*@__PURE__*/ (function (_su
          * Gets the actual color to use for the underline element.
         */
         get: function () {
-            return brushToString(this.i.hl);
+            return brushToString(this.i.hu);
         },
         set: function (v) {
-            this.i.hl = stringToBrush(v);
-            this._a("actualUnderlineColor", brushToString(this.i.hl));
+            this.i.hu = stringToBrush(v);
+            this._a("actualUnderlineColor", brushToString(this.i.hu));
         },
         enumerable: false,
         configurable: true
@@ -1209,11 +1209,11 @@ var IgcMultiColumnComboBoxComponent = /** @class */ /*@__PURE__*/ (function (_su
          * Gets or sets the color to use for the underline element.
         */
         get: function () {
-            return this.i.cx;
+            return this.i.c3;
         },
         set: function (v) {
-            this.i.cx = +v;
-            this._a("underlineOpacity", this.i.cx);
+            this.i.c3 = +v;
+            this._a("underlineOpacity", this.i.c3);
         },
         enumerable: false,
         configurable: true
@@ -1223,11 +1223,11 @@ var IgcMultiColumnComboBoxComponent = /** @class */ /*@__PURE__*/ (function (_su
          * Gets the actual opacity to use for the underline element.
         */
         get: function () {
-            return this.i.cc;
+            return this.i.ci;
         },
         set: function (v) {
-            this.i.cc = +v;
-            this._a("actualUnderlineOpacity", this.i.cc);
+            this.i.ci = +v;
+            this._a("actualUnderlineOpacity", this.i.ci);
         },
         enumerable: false,
         configurable: true
@@ -1237,11 +1237,11 @@ var IgcMultiColumnComboBoxComponent = /** @class */ /*@__PURE__*/ (function (_su
          * Gets or sets the color to use for the underline ripple element.
         */
         get: function () {
-            return brushToString(this.i.h8);
+            return brushToString(this.i.ii);
         },
         set: function (v) {
-            this.i.h8 = stringToBrush(v);
-            this._a("underlineRippleColor", brushToString(this.i.h8));
+            this.i.ii = stringToBrush(v);
+            this._a("underlineRippleColor", brushToString(this.i.ii));
         },
         enumerable: false,
         configurable: true
@@ -1251,11 +1251,11 @@ var IgcMultiColumnComboBoxComponent = /** @class */ /*@__PURE__*/ (function (_su
          * Gets the actual color to use for the underline ripple element.
         */
         get: function () {
-            return brushToString(this.i.hm);
+            return brushToString(this.i.hv);
         },
         set: function (v) {
-            this.i.hm = stringToBrush(v);
-            this._a("actualUnderlineRippleColor", brushToString(this.i.hm));
+            this.i.hv = stringToBrush(v);
+            this._a("actualUnderlineRippleColor", brushToString(this.i.hv));
         },
         enumerable: false,
         configurable: true
@@ -1265,11 +1265,11 @@ var IgcMultiColumnComboBoxComponent = /** @class */ /*@__PURE__*/ (function (_su
          * Gets or sets the opacity to use for the underline ripple element.
         */
         get: function () {
-            return this.i.cy;
+            return this.i.c4;
         },
         set: function (v) {
-            this.i.cy = +v;
-            this._a("underlineRippleOpacity", this.i.cy);
+            this.i.c4 = +v;
+            this._a("underlineRippleOpacity", this.i.c4);
         },
         enumerable: false,
         configurable: true
@@ -1279,11 +1279,11 @@ var IgcMultiColumnComboBoxComponent = /** @class */ /*@__PURE__*/ (function (_su
          * Gets the actual opacity to use for the underline ripple element.
         */
         get: function () {
-            return this.i.cd;
+            return this.i.cj;
         },
         set: function (v) {
-            this.i.cd = +v;
-            this._a("actualUnderlineRippleOpacity", this.i.cd);
+            this.i.cj = +v;
+            this._a("actualUnderlineRippleOpacity", this.i.cj);
         },
         enumerable: false,
         configurable: true
@@ -1293,11 +1293,11 @@ var IgcMultiColumnComboBoxComponent = /** @class */ /*@__PURE__*/ (function (_su
          * Gets or sets the width to use for the underline element.
         */
         get: function () {
-            return this.i.cz;
+            return this.i.c5;
         },
         set: function (v) {
-            this.i.cz = +v;
-            this._a("underlineRippleWidth", this.i.cz);
+            this.i.c5 = +v;
+            this._a("underlineRippleWidth", this.i.c5);
         },
         enumerable: false,
         configurable: true
@@ -1307,11 +1307,11 @@ var IgcMultiColumnComboBoxComponent = /** @class */ /*@__PURE__*/ (function (_su
          * Gets the actual width to use for the underline element.
         */
         get: function () {
-            return this.i.ce;
+            return this.i.ck;
         },
         set: function (v) {
-            this.i.ce = +v;
-            this._a("actualUnderlineRippleWidth", this.i.ce);
+            this.i.ck = +v;
+            this._a("actualUnderlineRippleWidth", this.i.ck);
         },
         enumerable: false,
         configurable: true
@@ -1321,11 +1321,11 @@ var IgcMultiColumnComboBoxComponent = /** @class */ /*@__PURE__*/ (function (_su
          * Gets or sets the width to use for the underline element.
         */
         get: function () {
-            return this.i.c0;
+            return this.i.c6;
         },
         set: function (v) {
-            this.i.c0 = +v;
-            this._a("underlineWidth", this.i.c0);
+            this.i.c6 = +v;
+            this._a("underlineWidth", this.i.c6);
         },
         enumerable: false,
         configurable: true
@@ -1335,11 +1335,11 @@ var IgcMultiColumnComboBoxComponent = /** @class */ /*@__PURE__*/ (function (_su
          * Gets the actual width to use for the underline element.
         */
         get: function () {
-            return this.i.cf;
+            return this.i.cl;
         },
         set: function (v) {
-            this.i.cf = +v;
-            this._a("actualUnderlineWidth", this.i.cf);
+            this.i.cl = +v;
+            this._a("actualUnderlineWidth", this.i.cl);
         },
         enumerable: false,
         configurable: true
@@ -1349,11 +1349,11 @@ var IgcMultiColumnComboBoxComponent = /** @class */ /*@__PURE__*/ (function (_su
          * Whether to allow filtering of the combo
         */
         get: function () {
-            return this.i.bd;
+            return this.i.bg;
         },
         set: function (v) {
-            this.i.bd = ensureBool(v);
-            this._a("allowFilter", this.i.bd);
+            this.i.bg = ensureBool(v);
+            this._a("allowFilter", this.i.bg);
         },
         enumerable: false,
         configurable: true
@@ -1377,10 +1377,10 @@ var IgcMultiColumnComboBoxComponent = /** @class */ /*@__PURE__*/ (function (_su
          * Determines the name of the field in the data source will be used as the Text of the MultiColumnComboBox.
         */
         get: function () {
-            return this.i.fn;
+            return this.i.fv;
         },
         set: function (v) {
-            this.i.fn = v;
+            this.i.fv = v;
         },
         enumerable: false,
         configurable: true
@@ -1450,6 +1450,48 @@ var IgcMultiColumnComboBoxComponent = /** @class */ /*@__PURE__*/ (function (_su
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(IgcMultiColumnComboBoxComponent.prototype, "isFixed", {
+        /**
+         * Indicates that the dropdown will position itself relative to the window instead of the document.
+        */
+        get: function () {
+            return this.i.bn;
+        },
+        set: function (v) {
+            this.i.bn = ensureBool(v);
+            this._a("isFixed", this.i.bn);
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(IgcMultiColumnComboBoxComponent.prototype, "openAsChild", {
+        /**
+         * Indicates that the dropdown should open as a child of the combobox.
+        */
+        get: function () {
+            return this.i.bo;
+        },
+        set: function (v) {
+            this.i.bo = ensureBool(v);
+            this._a("openAsChild", this.i.bo);
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(IgcMultiColumnComboBoxComponent.prototype, "useTopLayer", {
+        /**
+         * Indicates that the dropdown will place itself into the browser top layer.
+        */
+        get: function () {
+            return this.i.br;
+        },
+        set: function (v) {
+            this.i.br = ensureBool(v);
+            this._a("useTopLayer", this.i.br);
+        },
+        enumerable: false,
+        configurable: true
+    });
     IgcMultiColumnComboBoxComponent.prototype.findByName = function (name) {
         if (this.findEphemera) {
             if (name && name.indexOf("@@e:") == 0) {
@@ -1541,7 +1583,7 @@ var IgcMultiColumnComboBoxComponent = /** @class */ /*@__PURE__*/ (function (_su
     
     */
     IgcMultiColumnComboBoxComponent.prototype.exportVisualModel = function () {
-        var iv = this.i.c3();
+        var iv = this.i.c9();
         return (iv);
     };
     /**
@@ -1549,7 +1591,7 @@ var IgcMultiColumnComboBoxComponent = /** @class */ /*@__PURE__*/ (function (_su
     
     */
     IgcMultiColumnComboBoxComponent.prototype.exportSerializedVisualModel = function () {
-        var iv = this.i.eq();
+        var iv = this.i.ew();
         return (iv);
     };
     Object.defineProperty(IgcMultiColumnComboBoxComponent.prototype, "gotFocus", {