igniteui-webcomponents-grids 1.4.2 → 3.2.2

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

@@ -152,12 +152,12 @@ var IgcMultiColumnComboBoxComponent = /** @class */ /*@__PURE__*/ (function (_su
         },
         set: function (value) {
             if (typeof value == "string") {
-                var int_1 = ColumnWidth_internal.parse(value);
+                var int = ColumnWidth_internal.parse(value);
                 var ext = new IgcColumnWidth();
-                ext._implementation = int_1;
+                ext._implementation = int;
                 value = ext;
             }
-            else {
+            else if (typeof value == "number") {
                 var int = ColumnWidth_internal.parse(value.toString());
                 var ext = new IgcColumnWidth();
                 ext._implementation = int;
@@ -168,6 +168,12 @@ var IgcMultiColumnComboBoxComponent = /** @class */ /*@__PURE__*/ (function (_su
         enumerable: true,
         configurable: true
     });
+    IgcMultiColumnComboBoxComponent.prototype.attributeSynced = function (name, value) {
+        // an attribute was set by the component renderer.
+        if (name === 'name') {
+            this.i.setName(value);
+        }
+    };
     IgcMultiColumnComboBoxComponent.prototype._enqueueSetAttribute = function (attrName, attrValue) {
         this._queuedSetAttributes.push({ attrName: attrName, attrValue: attrValue });
     };
@@ -261,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.hi);
+            return brushToString(this.i.hj);
         },
         set: function (v) {
-            this.i.hi = stringToBrush(v);
-            this._a("backgroundColor", brushToString(this.i.hi));
+            this.i.hj = stringToBrush(v);
+            this._a("backgroundColor", brushToString(this.i.hj));
         },
         enumerable: true,
         configurable: true
@@ -275,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.g7);
+            return brushToString(this.i.g8);
         },
         set: function (v) {
-            this.i.g7 = stringToBrush(v);
-            this._a("actualBackgroundColor", brushToString(this.i.g7));
+            this.i.g8 = stringToBrush(v);
+            this._a("actualBackgroundColor", brushToString(this.i.g8));
         },
         enumerable: true,
         configurable: true
@@ -317,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.hj);
+            return brushToString(this.i.hk);
         },
         set: function (v) {
-            this.i.hj = stringToBrush(v);
-            this._a("borderColor", brushToString(this.i.hj));
+            this.i.hk = stringToBrush(v);
+            this._a("borderColor", brushToString(this.i.hk));
         },
         enumerable: true,
         configurable: true
@@ -331,11 +337,11 @@ var IgcMultiColumnComboBoxComponent = /** @class */ /*@__PURE__*/ (function (_su
          * Gets the actual item background color.
         */
         get: function () {
-            return brushToString(this.i.g8);
+            return brushToString(this.i.g9);
         },
         set: function (v) {
-            this.i.g8 = stringToBrush(v);
-            this._a("actualBorderColor", brushToString(this.i.g8));
+            this.i.g9 = stringToBrush(v);
+            this._a("actualBorderColor", brushToString(this.i.g9));
         },
         enumerable: true,
         configurable: true
@@ -384,235 +390,235 @@ var IgcMultiColumnComboBoxComponent = /** @class */ /*@__PURE__*/ (function (_su
     });
     Object.defineProperty(IgcMultiColumnComboBoxComponent.prototype, "contentPaddingBottom", {
         get: function () {
-            return this.i.h7 ? this.i.h7.b : NaN;
+            return this.i.h8 ? this.i.h8.bottom : NaN;
         },
         set: function (v) {
             this.ensureContentPadding();
-            this.i.h7.b = +v;
-            this._a("contentPaddingBottom", this.i.h7.b);
-            this.i.h7 = this.i.h7;
+            this.i.h8.bottom = +v;
+            this._a("contentPaddingBottom", this.i.h8.bottom);
+            this.i.h8 = this.i.h8;
         },
         enumerable: true,
         configurable: true
     });
     Object.defineProperty(IgcMultiColumnComboBoxComponent.prototype, "contentPaddingLeft", {
         get: function () {
-            return this.i.h7 ? this.i.h7.c : NaN;
+            return this.i.h8 ? this.i.h8.left : NaN;
         },
         set: function (v) {
             this.ensureContentPadding();
-            this.i.h7.c = +v;
-            this._a("contentPaddingLeft", this.i.h7.c);
-            this.i.h7 = this.i.h7;
+            this.i.h8.left = +v;
+            this._a("contentPaddingLeft", this.i.h8.left);
+            this.i.h8 = this.i.h8;
         },
         enumerable: true,
         configurable: true
     });
     Object.defineProperty(IgcMultiColumnComboBoxComponent.prototype, "contentPaddingRight", {
         get: function () {
-            return this.i.h7 ? this.i.h7.d : NaN;
+            return this.i.h8 ? this.i.h8.right : NaN;
         },
         set: function (v) {
             this.ensureContentPadding();
-            this.i.h7.d = +v;
-            this._a("contentPaddingRight", this.i.h7.d);
-            this.i.h7 = this.i.h7;
+            this.i.h8.right = +v;
+            this._a("contentPaddingRight", this.i.h8.right);
+            this.i.h8 = this.i.h8;
         },
         enumerable: true,
         configurable: true
     });
     Object.defineProperty(IgcMultiColumnComboBoxComponent.prototype, "contentPaddingTop", {
         get: function () {
-            return this.i.h7 ? this.i.h7.e : NaN;
+            return this.i.h8 ? this.i.h8.top : NaN;
         },
         set: function (v) {
             this.ensureContentPadding();
-            this.i.h7.e = +v;
-            this._a("contentPaddingTop", this.i.h7.e);
-            this.i.h7 = this.i.h7;
+            this.i.h8.top = +v;
+            this._a("contentPaddingTop", this.i.h8.top);
+            this.i.h8 = this.i.h8;
         },
         enumerable: true,
         configurable: true
     });
     IgcMultiColumnComboBoxComponent.prototype.ensureContentPadding = function () {
-        if (this.i.h7) {
+        if (this.i.h8) {
             return;
         }
-        this.i.h7 = new Thickness(2);
+        this.i.h8 = new Thickness(2);
     };
     Object.defineProperty(IgcMultiColumnComboBoxComponent.prototype, "actualContentPaddingBottom", {
         get: function () {
-            return this.i.h6 ? this.i.h6.b : NaN;
+            return this.i.h7 ? this.i.h7.bottom : NaN;
         },
         set: function (v) {
             this.ensureActualContentPadding();
-            this.i.h6.b = +v;
-            this._a("actualContentPaddingBottom", this.i.h6.b);
-            this.i.h6 = this.i.h6;
+            this.i.h7.bottom = +v;
+            this._a("actualContentPaddingBottom", this.i.h7.bottom);
+            this.i.h7 = this.i.h7;
         },
         enumerable: true,
         configurable: true
     });
     Object.defineProperty(IgcMultiColumnComboBoxComponent.prototype, "actualContentPaddingLeft", {
         get: function () {
-            return this.i.h6 ? this.i.h6.c : NaN;
+            return this.i.h7 ? this.i.h7.left : NaN;
         },
         set: function (v) {
             this.ensureActualContentPadding();
-            this.i.h6.c = +v;
-            this._a("actualContentPaddingLeft", this.i.h6.c);
-            this.i.h6 = this.i.h6;
+            this.i.h7.left = +v;
+            this._a("actualContentPaddingLeft", this.i.h7.left);
+            this.i.h7 = this.i.h7;
         },
         enumerable: true,
         configurable: true
     });
     Object.defineProperty(IgcMultiColumnComboBoxComponent.prototype, "actualContentPaddingRight", {
         get: function () {
-            return this.i.h6 ? this.i.h6.d : NaN;
+            return this.i.h7 ? this.i.h7.right : NaN;
         },
         set: function (v) {
             this.ensureActualContentPadding();
-            this.i.h6.d = +v;
-            this._a("actualContentPaddingRight", this.i.h6.d);
-            this.i.h6 = this.i.h6;
+            this.i.h7.right = +v;
+            this._a("actualContentPaddingRight", this.i.h7.right);
+            this.i.h7 = this.i.h7;
         },
         enumerable: true,
         configurable: true
     });
     Object.defineProperty(IgcMultiColumnComboBoxComponent.prototype, "actualContentPaddingTop", {
         get: function () {
-            return this.i.h6 ? this.i.h6.e : NaN;
+            return this.i.h7 ? this.i.h7.top : NaN;
         },
         set: function (v) {
             this.ensureActualContentPadding();
-            this.i.h6.e = +v;
-            this._a("actualContentPaddingTop", this.i.h6.e);
-            this.i.h6 = this.i.h6;
+            this.i.h7.top = +v;
+            this._a("actualContentPaddingTop", this.i.h7.top);
+            this.i.h7 = this.i.h7;
         },
         enumerable: true,
         configurable: true
     });
     IgcMultiColumnComboBoxComponent.prototype.ensureActualContentPadding = function () {
-        if (this.i.h6) {
+        if (this.i.h7) {
             return;
         }
-        this.i.h6 = new Thickness(2);
+        this.i.h7 = new Thickness(2);
     };
     Object.defineProperty(IgcMultiColumnComboBoxComponent.prototype, "cornerRadiusBottomRight", {
         get: function () {
-            return this.i.gj ? this.i.gj.b : NaN;
+            return this.i.gk ? this.i.gk.b : NaN;
         },
         set: function (v) {
             this.ensureCornerRadius();
-            this.i.gj.b = +v;
-            this._a("cornerRadiusBottomRight", this.i.gj.b);
-            this.i.gj = this.i.gj;
+            this.i.gk.b = +v;
+            this._a("cornerRadiusBottomRight", this.i.gk.b);
+            this.i.gk = this.i.gk;
         },
         enumerable: true,
         configurable: true
     });
     Object.defineProperty(IgcMultiColumnComboBoxComponent.prototype, "cornerRadiusBottomLeft", {
         get: function () {
-            return this.i.gj ? this.i.gj.a : NaN;
+            return this.i.gk ? this.i.gk.a : NaN;
         },
         set: function (v) {
             this.ensureCornerRadius();
-            this.i.gj.a = +v;
-            this._a("cornerRadiusBottomLeft", this.i.gj.a);
-            this.i.gj = this.i.gj;
+            this.i.gk.a = +v;
+            this._a("cornerRadiusBottomLeft", this.i.gk.a);
+            this.i.gk = this.i.gk;
         },
         enumerable: true,
         configurable: true
     });
     Object.defineProperty(IgcMultiColumnComboBoxComponent.prototype, "cornerRadiusTopLeft", {
         get: function () {
-            return this.i.gj ? this.i.gj.c : NaN;
+            return this.i.gk ? this.i.gk.c : NaN;
         },
         set: function (v) {
             this.ensureCornerRadius();
-            this.i.gj.c = +v;
-            this._a("cornerRadiusTopLeft", this.i.gj.c);
-            this.i.gj = this.i.gj;
+            this.i.gk.c = +v;
+            this._a("cornerRadiusTopLeft", this.i.gk.c);
+            this.i.gk = this.i.gk;
         },
         enumerable: true,
         configurable: true
     });
     Object.defineProperty(IgcMultiColumnComboBoxComponent.prototype, "cornerRadiusTopRight", {
         get: function () {
-            return this.i.gj ? this.i.gj.d : NaN;
+            return this.i.gk ? this.i.gk.d : NaN;
         },
         set: function (v) {
             this.ensureCornerRadius();
-            this.i.gj.d = +v;
-            this._a("cornerRadiusTopRight", this.i.gj.d);
-            this.i.gj = this.i.gj;
+            this.i.gk.d = +v;
+            this._a("cornerRadiusTopRight", this.i.gk.d);
+            this.i.gk = this.i.gk;
         },
         enumerable: true,
         configurable: true
     });
     IgcMultiColumnComboBoxComponent.prototype.ensureCornerRadius = function () {
-        if (this.i.gj) {
+        if (this.i.gk) {
             return;
         }
-        this.i.gj = new CornerRadius(2);
+        this.i.gk = new CornerRadius(2);
     };
     Object.defineProperty(IgcMultiColumnComboBoxComponent.prototype, "actualCornerRadiusBottomRight", {
         get: function () {
-            return this.i.gi ? this.i.gi.b : NaN;
+            return this.i.gj ? this.i.gj.b : NaN;
         },
         set: function (v) {
             this.ensureActualCornerRadius();
-            this.i.gi.b = +v;
-            this._a("actualCornerRadiusBottomRight", this.i.gi.b);
-            this.i.gi = this.i.gi;
+            this.i.gj.b = +v;
+            this._a("actualCornerRadiusBottomRight", this.i.gj.b);
+            this.i.gj = this.i.gj;
         },
         enumerable: true,
         configurable: true
     });
     Object.defineProperty(IgcMultiColumnComboBoxComponent.prototype, "actualCornerRadiusBottomLeft", {
         get: function () {
-            return this.i.gi ? this.i.gi.a : NaN;
+            return this.i.gj ? this.i.gj.a : NaN;
         },
         set: function (v) {
             this.ensureActualCornerRadius();
-            this.i.gi.a = +v;
-            this._a("actualCornerRadiusBottomLeft", this.i.gi.a);
-            this.i.gi = this.i.gi;
+            this.i.gj.a = +v;
+            this._a("actualCornerRadiusBottomLeft", this.i.gj.a);
+            this.i.gj = this.i.gj;
         },
         enumerable: true,
         configurable: true
     });
     Object.defineProperty(IgcMultiColumnComboBoxComponent.prototype, "actualCornerRadiusTopLeft", {
         get: function () {
-            return this.i.gi ? this.i.gi.c : NaN;
+            return this.i.gj ? this.i.gj.c : NaN;
         },
         set: function (v) {
             this.ensureActualCornerRadius();
-            this.i.gi.c = +v;
-            this._a("actualCornerRadiusTopLeft", this.i.gi.c);
-            this.i.gi = this.i.gi;
+            this.i.gj.c = +v;
+            this._a("actualCornerRadiusTopLeft", this.i.gj.c);
+            this.i.gj = this.i.gj;
         },
         enumerable: true,
         configurable: true
     });
     Object.defineProperty(IgcMultiColumnComboBoxComponent.prototype, "actualCornerRadiusTopRight", {
         get: function () {
-            return this.i.gi ? this.i.gi.d : NaN;
+            return this.i.gj ? this.i.gj.d : NaN;
         },
         set: function (v) {
             this.ensureActualCornerRadius();
-            this.i.gi.d = +v;
-            this._a("actualCornerRadiusTopRight", this.i.gi.d);
-            this.i.gi = this.i.gi;
+            this.i.gj.d = +v;
+            this._a("actualCornerRadiusTopRight", this.i.gj.d);
+            this.i.gj = this.i.gj;
         },
         enumerable: true,
         configurable: true
     });
     IgcMultiColumnComboBoxComponent.prototype.ensureActualCornerRadius = function () {
-        if (this.i.gi) {
+        if (this.i.gj) {
             return;
         }
-        this.i.gi = new CornerRadius(2);
+        this.i.gj = new CornerRadius(2);
     };
     Object.defineProperty(IgcMultiColumnComboBoxComponent.prototype, "dataSourceDesiredProperties", {
         /**
@@ -678,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.hv);
+            return brushToString(this.i.hw);
         },
         set: function (v) {
-            this.i.hv = stringToBrush(v);
-            this._a("focusBorderColor", brushToString(this.i.hv));
+            this.i.hw = stringToBrush(v);
+            this._a("focusBorderColor", brushToString(this.i.hw));
         },
         enumerable: true,
         configurable: true
@@ -692,11 +698,11 @@ var IgcMultiColumnComboBoxComponent = /** @class */ /*@__PURE__*/ (function (_su
          * Gets the actual item border color.
         */
         get: function () {
-            return brushToString(this.i.g9);
+            return brushToString(this.i.ha);
         },
         set: function (v) {
-            this.i.g9 = stringToBrush(v);
-            this._a("actualFocusBorderColor", brushToString(this.i.g9));
+            this.i.ha = stringToBrush(v);
+            this._a("actualFocusBorderColor", brushToString(this.i.ha));
         },
         enumerable: true,
         configurable: true
@@ -734,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.hw);
+            return brushToString(this.i.hx);
         },
         set: function (v) {
-            this.i.hw = stringToBrush(v);
-            this._a("focusUnderlineColor", brushToString(this.i.hw));
+            this.i.hx = stringToBrush(v);
+            this._a("focusUnderlineColor", brushToString(this.i.hx));
         },
         enumerable: true,
         configurable: true
@@ -748,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.ha);
+            return brushToString(this.i.hb);
         },
         set: function (v) {
-            this.i.ha = stringToBrush(v);
-            this._a("actualFocusUnderlineColor", brushToString(this.i.ha));
+            this.i.hb = stringToBrush(v);
+            this._a("actualFocusUnderlineColor", brushToString(this.i.hb));
         },
         enumerable: true,
         configurable: true
@@ -818,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.hx);
+            return brushToString(this.i.hy);
         },
         set: function (v) {
-            this.i.hx = stringToBrush(v);
-            this._a("hoverUnderlineColor", brushToString(this.i.hx));
+            this.i.hy = stringToBrush(v);
+            this._a("hoverUnderlineColor", brushToString(this.i.hy));
         },
         enumerable: true,
         configurable: true
@@ -832,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.hb);
+            return brushToString(this.i.hc);
         },
         set: function (v) {
-            this.i.hb = stringToBrush(v);
-            this._a("actualHoverUnderlineColor", brushToString(this.i.hb));
+            this.i.hc = stringToBrush(v);
+            this._a("actualHoverUnderlineColor", brushToString(this.i.hc));
         },
         enumerable: true,
         configurable: true
@@ -939,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.hy);
+            return brushToString(this.i.hz);
         },
         set: function (v) {
-            this.i.hy = stringToBrush(v);
-            this._a("labelTextColor", brushToString(this.i.hy));
+            this.i.hz = stringToBrush(v);
+            this._a("labelTextColor", brushToString(this.i.hz));
         },
         enumerable: true,
         configurable: true
@@ -953,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.hc);
+            return brushToString(this.i.hd);
         },
         set: function (v) {
-            this.i.hc = stringToBrush(v);
-            this._a("actualLabelTextColor", brushToString(this.i.hc));
+            this.i.hd = stringToBrush(v);
+            this._a("actualLabelTextColor", brushToString(this.i.hd));
         },
         enumerable: true,
         configurable: true
@@ -1026,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.hz);
+            return brushToString(this.i.h0);
         },
         set: function (v) {
-            this.i.hz = stringToBrush(v);
-            this._a("noMatchesFoundLabelBackgroundColor", brushToString(this.i.hz));
+            this.i.h0 = stringToBrush(v);
+            this._a("noMatchesFoundLabelBackgroundColor", brushToString(this.i.h0));
         },
         enumerable: true,
         configurable: true
@@ -1040,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.hd);
+            return brushToString(this.i.he);
         },
         set: function (v) {
-            this.i.hd = stringToBrush(v);
-            this._a("actualNoMatchesFoundLabelBackgroundColor", brushToString(this.i.hd));
+            this.i.he = stringToBrush(v);
+            this._a("actualNoMatchesFoundLabelBackgroundColor", brushToString(this.i.he));
         },
         enumerable: true,
         configurable: true
@@ -1054,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.h0);
+            return brushToString(this.i.h1);
         },
         set: function (v) {
-            this.i.h0 = stringToBrush(v);
-            this._a("noMatchesFoundLabelTextColor", brushToString(this.i.h0));
+            this.i.h1 = stringToBrush(v);
+            this._a("noMatchesFoundLabelTextColor", brushToString(this.i.h1));
         },
         enumerable: true,
         configurable: true
@@ -1068,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.he);
+            return brushToString(this.i.hf);
         },
         set: function (v) {
-            this.i.he = stringToBrush(v);
-            this._a("actualNoMatchesFoundLabelTextColor", brushToString(this.i.he));
+            this.i.hf = stringToBrush(v);
+            this._a("actualNoMatchesFoundLabelTextColor", brushToString(this.i.hf));
         },
         enumerable: true,
         configurable: true
@@ -1128,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.h1);
+            return brushToString(this.i.h2);
         },
         set: function (v) {
-            this.i.h1 = stringToBrush(v);
-            this._a("textColor", brushToString(this.i.h1));
+            this.i.h2 = stringToBrush(v);
+            this._a("textColor", brushToString(this.i.h2));
         },
         enumerable: true,
         configurable: true
@@ -1142,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.hf);
+            return brushToString(this.i.hg);
         },
         set: function (v) {
-            this.i.hf = stringToBrush(v);
-            this._a("actualTextColor", brushToString(this.i.hf));
+            this.i.hg = stringToBrush(v);
+            this._a("actualTextColor", brushToString(this.i.hg));
         },
         enumerable: true,
         configurable: true
@@ -1175,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.h2);
+            return brushToString(this.i.h3);
         },
         set: function (v) {
-            this.i.h2 = stringToBrush(v);
-            this._a("underlineColor", brushToString(this.i.h2));
+            this.i.h3 = stringToBrush(v);
+            this._a("underlineColor", brushToString(this.i.h3));
         },
         enumerable: true,
         configurable: true
@@ -1189,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.hg);
+            return brushToString(this.i.hh);
         },
         set: function (v) {
-            this.i.hg = stringToBrush(v);
-            this._a("actualUnderlineColor", brushToString(this.i.hg));
+            this.i.hh = stringToBrush(v);
+            this._a("actualUnderlineColor", brushToString(this.i.hh));
         },
         enumerable: true,
         configurable: true
@@ -1231,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.h3);
+            return brushToString(this.i.h4);
         },
         set: function (v) {
-            this.i.h3 = stringToBrush(v);
-            this._a("underlineRippleColor", brushToString(this.i.h3));
+            this.i.h4 = stringToBrush(v);
+            this._a("underlineRippleColor", brushToString(this.i.h4));
         },
         enumerable: true,
         configurable: true
@@ -1245,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.hh);
+            return brushToString(this.i.hi);
         },
         set: function (v) {
-            this.i.hh = stringToBrush(v);
-            this._a("actualUnderlineRippleColor", brushToString(this.i.hh));
+            this.i.hi = stringToBrush(v);
+            this._a("actualUnderlineRippleColor", brushToString(this.i.hi));
         },
         enumerable: true,
         configurable: true