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

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

@@ -213,11 +213,11 @@ export let IgcMultiColumnComboBoxComponent = /*@__PURE__*/ (() => {
      * Gets or sets the ShowClearButton property to detirmine if the clear button is shown
     */
         get showClearButton() {
-            return this.i.bl;
+            return this.i.bq;
         }
         set showClearButton(v) {
-            this.i.bl = ensureBool(v);
-            this._a("showClearButton", this.i.bl);
+            this.i.bq = ensureBool(v);
+            this._a("showClearButton", this.i.bq);
         }
         /**
          * Gets or sets the desired properties for the data source to load. If specified the data source may decide to constrain the properties it fetches to these properties and must make sure that at least those properties are loaded, rather than the default behavior for that data source.
@@ -236,21 +236,21 @@ export let IgcMultiColumnComboBoxComponent = /*@__PURE__*/ (() => {
          * Gets or sets the background color to use for the input group.
         */
         get backgroundColor() {
-            return brushToString(this.i.hn);
+            return brushToString(this.i.hw);
         }
         set backgroundColor(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));
         }
         /**
          * Gets the actual opacity to use for the underline ripple element.
         */
         get actualBackgroundColor() {
-            return brushToString(this.i.hc);
+            return brushToString(this.i.hl);
         }
         set actualBackgroundColor(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));
         }
         /**
          * Gets or sets the base built in theme to use for the component.
@@ -276,41 +276,41 @@ export let IgcMultiColumnComboBoxComponent = /*@__PURE__*/ (() => {
          * Gets or sets the color to use the border of the input group.
         */
         get borderColor() {
-            return brushToString(this.i.ho);
+            return brushToString(this.i.hx);
         }
         set borderColor(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));
         }
         /**
          * Gets the actual item background color.
         */
         get actualBorderColor() {
-            return brushToString(this.i.hd);
+            return brushToString(this.i.hm);
         }
         set actualBorderColor(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));
         }
         /**
          * Gets or sets the border width to use for the border of the item group.
         */
         get borderWidth() {
-            return this.i.cg;
+            return this.i.cm;
         }
         set borderWidth(v) {
-            this.i.cg = +v;
-            this._a("borderWidth", this.i.cg);
+            this.i.cm = +v;
+            this._a("borderWidth", this.i.cm);
         }
         /**
          * Gets the actual item border width.
         */
         get actualBorderWidth() {
-            return this.i.b6;
+            return this.i.cc;
         }
         set actualBorderWidth(v) {
-            this.i.b6 = +v;
-            this._a("actualBorderWidth", this.i.b6);
+            this.i.cc = +v;
+            this._a("actualBorderWidth", this.i.cc);
         }
         /**
          * Gets or sets the visibility of the drop down button.
@@ -323,172 +323,172 @@ export let IgcMultiColumnComboBoxComponent = /*@__PURE__*/ (() => {
             this._a("columnHeadersVisible", this.i.columnHeadersVisible);
         }
         get contentPaddingBottom() {
-            return this.i.ic ? this.i.ic.bottom : NaN;
+            return this.i.im ? this.i.im.bottom : NaN;
         }
         set contentPaddingBottom(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;
         }
         get contentPaddingLeft() {
-            return this.i.ic ? this.i.ic.left : NaN;
+            return this.i.im ? this.i.im.left : NaN;
         }
         set contentPaddingLeft(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;
         }
         get contentPaddingRight() {
-            return this.i.ic ? this.i.ic.right : NaN;
+            return this.i.im ? this.i.im.right : NaN;
         }
         set contentPaddingRight(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;
         }
         get contentPaddingTop() {
-            return this.i.ic ? this.i.ic.top : NaN;
+            return this.i.im ? this.i.im.top : NaN;
         }
         set contentPaddingTop(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;
         }
         ensureContentPadding() {
-            if (this.i.ic) {
+            if (this.i.im) {
                 return;
             }
-            this.i.ic = new Thickness(2);
+            this.i.im = new Thickness(2);
         }
         get actualContentPaddingBottom() {
-            return this.i.ib ? this.i.ib.bottom : NaN;
+            return this.i.il ? this.i.il.bottom : NaN;
         }
         set actualContentPaddingBottom(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;
         }
         get actualContentPaddingLeft() {
-            return this.i.ib ? this.i.ib.left : NaN;
+            return this.i.il ? this.i.il.left : NaN;
         }
         set actualContentPaddingLeft(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;
         }
         get actualContentPaddingRight() {
-            return this.i.ib ? this.i.ib.right : NaN;
+            return this.i.il ? this.i.il.right : NaN;
         }
         set actualContentPaddingRight(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;
         }
         get actualContentPaddingTop() {
-            return this.i.ib ? this.i.ib.top : NaN;
+            return this.i.il ? this.i.il.top : NaN;
         }
         set actualContentPaddingTop(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;
         }
         ensureActualContentPadding() {
-            if (this.i.ib) {
+            if (this.i.il) {
                 return;
             }
-            this.i.ib = new Thickness(2);
+            this.i.il = new Thickness(2);
         }
         get cornerRadiusBottomRight() {
-            return this.i.go ? this.i.go.b : NaN;
+            return this.i.gx ? this.i.gx.b : NaN;
         }
         set cornerRadiusBottomRight(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;
         }
         get cornerRadiusBottomLeft() {
-            return this.i.go ? this.i.go.a : NaN;
+            return this.i.gx ? this.i.gx.a : NaN;
         }
         set cornerRadiusBottomLeft(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;
         }
         get cornerRadiusTopLeft() {
-            return this.i.go ? this.i.go.c : NaN;
+            return this.i.gx ? this.i.gx.c : NaN;
         }
         set cornerRadiusTopLeft(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;
         }
         get cornerRadiusTopRight() {
-            return this.i.go ? this.i.go.d : NaN;
+            return this.i.gx ? this.i.gx.d : NaN;
         }
         set cornerRadiusTopRight(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;
         }
         ensureCornerRadius() {
-            if (this.i.go) {
+            if (this.i.gx) {
                 return;
             }
-            this.i.go = new CornerRadius(2);
+            this.i.gx = new CornerRadius(2);
         }
         get actualCornerRadiusBottomRight() {
-            return this.i.gn ? this.i.gn.b : NaN;
+            return this.i.gw ? this.i.gw.b : NaN;
         }
         set actualCornerRadiusBottomRight(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;
         }
         get actualCornerRadiusBottomLeft() {
-            return this.i.gn ? this.i.gn.a : NaN;
+            return this.i.gw ? this.i.gw.a : NaN;
         }
         set actualCornerRadiusBottomLeft(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;
         }
         get actualCornerRadiusTopLeft() {
-            return this.i.gn ? this.i.gn.c : NaN;
+            return this.i.gw ? this.i.gw.c : NaN;
         }
         set actualCornerRadiusTopLeft(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;
         }
         get actualCornerRadiusTopRight() {
-            return this.i.gn ? this.i.gn.d : NaN;
+            return this.i.gw ? this.i.gw.d : NaN;
         }
         set actualCornerRadiusTopRight(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;
         }
         ensureActualCornerRadius() {
-            if (this.i.gn) {
+            if (this.i.gw) {
                 return;
             }
-            this.i.gn = new CornerRadius(2);
+            this.i.gw = new CornerRadius(2);
         }
         /**
          * Gets or sets the desired properties for the data source to load. If specified the data source may decide to constrain the properties it fetches to these properties and must make sure that at least those properties are loaded, rather than the default behavior for that data source.
@@ -537,161 +537,161 @@ export let IgcMultiColumnComboBoxComponent = /*@__PURE__*/ (() => {
          * Gets or sets the color to use the hovered background of the inputs in the group.
         */
         get focusBorderColor() {
-            return brushToString(this.i.h0);
+            return brushToString(this.i.h9);
         }
         set focusBorderColor(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));
         }
         /**
          * Gets the actual item border color.
         */
         get actualFocusBorderColor() {
-            return brushToString(this.i.he);
+            return brushToString(this.i.hn);
         }
         set actualFocusBorderColor(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));
         }
         /**
          * Gets or sets the border width to use for the border of the item group when focused.
         */
         get focusBorderWidth() {
-            return this.i.cs;
+            return this.i.cy;
         }
         set focusBorderWidth(v) {
-            this.i.cs = +v;
-            this._a("focusBorderWidth", this.i.cs);
+            this.i.cy = +v;
+            this._a("focusBorderWidth", this.i.cy);
         }
         /**
          * Gets the actual item border width.
         */
         get actualFocusBorderWidth() {
-            return this.i.b7;
+            return this.i.cd;
         }
         set actualFocusBorderWidth(v) {
-            this.i.b7 = +v;
-            this._a("actualFocusBorderWidth", this.i.b7);
+            this.i.cd = +v;
+            this._a("actualFocusBorderWidth", this.i.cd);
         }
         /**
          * Gets or sets the color to use for the underline element.
         */
         get focusUnderlineColor() {
-            return brushToString(this.i.h1);
+            return brushToString(this.i.ia);
         }
         set focusUnderlineColor(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));
         }
         /**
          * Gets the actual color to use for the underline element when focused.
         */
         get actualFocusUnderlineColor() {
-            return brushToString(this.i.hf);
+            return brushToString(this.i.ho);
         }
         set actualFocusUnderlineColor(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));
         }
         /**
          * Gets or sets the color to use for the underline element.
         */
         get focusUnderlineOpacity() {
-            return this.i.ct;
+            return this.i.cz;
         }
         set focusUnderlineOpacity(v) {
-            this.i.ct = +v;
-            this._a("focusUnderlineOpacity", this.i.ct);
+            this.i.cz = +v;
+            this._a("focusUnderlineOpacity", this.i.cz);
         }
         /**
          * Gets the actual opacity to use for the underline element when focused.
         */
         get actualFocusUnderlineOpacity() {
-            return this.i.b8;
+            return this.i.ce;
         }
         set actualFocusUnderlineOpacity(v) {
-            this.i.b8 = +v;
-            this._a("actualFocusUnderlineOpacity", this.i.b8);
+            this.i.ce = +v;
+            this._a("actualFocusUnderlineOpacity", this.i.ce);
         }
         /**
          * Gets or sets the opacity to use for the underline ripple element when focused.
         */
         get focusUnderlineRippleOpacity() {
-            return this.i.cu;
+            return this.i.c0;
         }
         set focusUnderlineRippleOpacity(v) {
-            this.i.cu = +v;
-            this._a("focusUnderlineRippleOpacity", this.i.cu);
+            this.i.c0 = +v;
+            this._a("focusUnderlineRippleOpacity", this.i.c0);
         }
         /**
          * Gets the actual opacity to use for the underline ripple element when focused.
         */
         get actualFocusUnderlineRippleOpacity() {
-            return this.i.b9;
+            return this.i.cf;
         }
         set actualFocusUnderlineRippleOpacity(v) {
-            this.i.b9 = +v;
-            this._a("actualFocusUnderlineRippleOpacity", this.i.b9);
+            this.i.cf = +v;
+            this._a("actualFocusUnderlineRippleOpacity", this.i.cf);
         }
         /**
          * Gets or sets the color to use for the underline element.
         */
         get hoverUnderlineColor() {
-            return brushToString(this.i.h2);
+            return brushToString(this.i.ib);
         }
         set hoverUnderlineColor(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));
         }
         /**
          * Gets the actual color to use for the underline element.
         */
         get actualHoverUnderlineColor() {
-            return brushToString(this.i.hg);
+            return brushToString(this.i.hp);
         }
         set actualHoverUnderlineColor(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));
         }
         /**
          * Gets or sets the color to use for the underline element.
         */
         get hoverUnderlineOpacity() {
-            return this.i.cv;
+            return this.i.c1;
         }
         set hoverUnderlineOpacity(v) {
-            this.i.cv = +v;
-            this._a("hoverUnderlineOpacity", this.i.cv);
+            this.i.c1 = +v;
+            this._a("hoverUnderlineOpacity", this.i.c1);
         }
         /**
          * Gets the actual opacity to use for the underline element when hovered.
         */
         get actualHoverUnderlineOpacity() {
-            return this.i.ca;
+            return this.i.cg;
         }
         set actualHoverUnderlineOpacity(v) {
-            this.i.ca = +v;
-            this._a("actualHoverUnderlineOpacity", this.i.ca);
+            this.i.cg = +v;
+            this._a("actualHoverUnderlineOpacity", this.i.cg);
         }
         /**
          * Gets or sets the width to use for the underline element when hovered.
         */
         get hoverUnderlineWidth() {
-            return this.i.cw;
+            return this.i.c2;
         }
         set hoverUnderlineWidth(v) {
-            this.i.cw = +v;
-            this._a("hoverUnderlineWidth", this.i.cw);
+            this.i.c2 = +v;
+            this._a("hoverUnderlineWidth", this.i.c2);
         }
         /**
          * Gets the width to use for the underline element when hovered.
         */
         get actualHoverUnderlineWidth() {
-            return this.i.cb;
+            return this.i.ch;
         }
         set actualHoverUnderlineWidth(v) {
-            this.i.cb = +v;
-            this._a("actualHoverUnderlineWidth", this.i.cb);
+            this.i.ch = +v;
+            this._a("actualHoverUnderlineWidth", this.i.ch);
         }
         /**
          * Gets or sets the data to which to bind the combo box list. This can be some type of array or list, or it can
@@ -713,30 +713,30 @@ export let IgcMultiColumnComboBoxComponent = /*@__PURE__*/ (() => {
          * The text displayed in the label portion of the control.
         */
         get label() {
-            return this.i.e4;
+            return this.i.fb;
         }
         set label(v) {
-            this.i.e4 = v;
+            this.i.fb = v;
         }
         /**
          * Gets or sets the color to use for the text.
         */
         get labelTextColor() {
-            return brushToString(this.i.h3);
+            return brushToString(this.i.ic);
         }
         set labelTextColor(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));
         }
         /**
          * Gets the actual color to use for the text color.
         */
         get actualLabelTextColor() {
-            return brushToString(this.i.hh);
+            return brushToString(this.i.hq);
         }
         set actualLabelTextColor(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));
         }
         /**
          * Gets or sets the font to use for the combobox.
@@ -767,10 +767,10 @@ export let IgcMultiColumnComboBoxComponent = /*@__PURE__*/ (() => {
          * Gets or sets the text to display on the list when no suggested matches are found.
         */
         get noMatchesFoundLabel() {
-            return this.i.fa;
+            return this.i.fh;
         }
         set noMatchesFoundLabel(v) {
-            this.i.fa = v;
+            this.i.fh = v;
         }
         /**
          * Gets the actual text to display on the list when no suggested matches are found.
@@ -785,41 +785,41 @@ export let IgcMultiColumnComboBoxComponent = /*@__PURE__*/ (() => {
          * Gets or sets the color to use for the "no matches found" label.
         */
         get noMatchesFoundLabelBackgroundColor() {
-            return brushToString(this.i.h4);
+            return brushToString(this.i.id);
         }
         set noMatchesFoundLabelBackgroundColor(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));
         }
         /**
          * Gets the actual color to use for the "no matches found" label.
         */
         get actualNoMatchesFoundLabelBackgroundColor() {
-            return brushToString(this.i.hi);
+            return brushToString(this.i.hr);
         }
         set actualNoMatchesFoundLabelBackgroundColor(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));
         }
         /**
          * Gets or sets the color to use for the "no matches found" label.
         */
         get noMatchesFoundLabelTextColor() {
-            return brushToString(this.i.h5);
+            return brushToString(this.i.ie);
         }
         set noMatchesFoundLabelTextColor(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));
         }
         /**
          * Gets the actual color to use for the "no matches found" label.
         */
         get actualNoMatchesFoundLabelTextColor() {
-            return brushToString(this.i.hj);
+            return brushToString(this.i.hs);
         }
         set actualNoMatchesFoundLabelTextColor(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));
         }
         /**
          * Gets or sets the font to use for the combobox.
@@ -840,10 +840,10 @@ export let IgcMultiColumnComboBoxComponent = /*@__PURE__*/ (() => {
          * Placeholder text which gives the user a hint about what kind of text is expected.
         */
         get placeholder() {
-            return this.i.ff;
+            return this.i.fn;
         }
         set placeholder(v) {
-            this.i.ff = v;
+            this.i.fn = v;
         }
         /**
          * Gets or sets the visibility of the row separators in the drop down.
@@ -859,21 +859,21 @@ export let IgcMultiColumnComboBoxComponent = /*@__PURE__*/ (() => {
          * Gets or sets the color to use for the text.
         */
         get textColor() {
-            return brushToString(this.i.h6);
+            return brushToString(this.i.ig);
         }
         set textColor(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));
         }
         /**
          * Gets the actual color to use for the text color.
         */
         get actualTextColor() {
-            return brushToString(this.i.hk);
+            return brushToString(this.i.ht);
         }
         set actualTextColor(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));
         }
         /**
          * Gets or sets the font to use for the combobox.
@@ -894,131 +894,131 @@ export let IgcMultiColumnComboBoxComponent = /*@__PURE__*/ (() => {
          * Gets or sets the color to use for the underline element.
         */
         get underlineColor() {
-            return brushToString(this.i.h7);
+            return brushToString(this.i.ih);
         }
         set underlineColor(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));
         }
         /**
          * Gets the actual color to use for the underline element.
         */
         get actualUnderlineColor() {
-            return brushToString(this.i.hl);
+            return brushToString(this.i.hu);
         }
         set actualUnderlineColor(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));
         }
         /**
          * Gets or sets the color to use for the underline element.
         */
         get underlineOpacity() {
-            return this.i.cx;
+            return this.i.c3;
         }
         set underlineOpacity(v) {
-            this.i.cx = +v;
-            this._a("underlineOpacity", this.i.cx);
+            this.i.c3 = +v;
+            this._a("underlineOpacity", this.i.c3);
         }
         /**
          * Gets the actual opacity to use for the underline element.
         */
         get actualUnderlineOpacity() {
-            return this.i.cc;
+            return this.i.ci;
         }
         set actualUnderlineOpacity(v) {
-            this.i.cc = +v;
-            this._a("actualUnderlineOpacity", this.i.cc);
+            this.i.ci = +v;
+            this._a("actualUnderlineOpacity", this.i.ci);
         }
         /**
          * Gets or sets the color to use for the underline ripple element.
         */
         get underlineRippleColor() {
-            return brushToString(this.i.h8);
+            return brushToString(this.i.ii);
         }
         set underlineRippleColor(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));
         }
         /**
          * Gets the actual color to use for the underline ripple element.
         */
         get actualUnderlineRippleColor() {
-            return brushToString(this.i.hm);
+            return brushToString(this.i.hv);
         }
         set actualUnderlineRippleColor(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));
         }
         /**
          * Gets or sets the opacity to use for the underline ripple element.
         */
         get underlineRippleOpacity() {
-            return this.i.cy;
+            return this.i.c4;
         }
         set underlineRippleOpacity(v) {
-            this.i.cy = +v;
-            this._a("underlineRippleOpacity", this.i.cy);
+            this.i.c4 = +v;
+            this._a("underlineRippleOpacity", this.i.c4);
         }
         /**
          * Gets the actual opacity to use for the underline ripple element.
         */
         get actualUnderlineRippleOpacity() {
-            return this.i.cd;
+            return this.i.cj;
         }
         set actualUnderlineRippleOpacity(v) {
-            this.i.cd = +v;
-            this._a("actualUnderlineRippleOpacity", this.i.cd);
+            this.i.cj = +v;
+            this._a("actualUnderlineRippleOpacity", this.i.cj);
         }
         /**
          * Gets or sets the width to use for the underline element.
         */
         get underlineRippleWidth() {
-            return this.i.cz;
+            return this.i.c5;
         }
         set underlineRippleWidth(v) {
-            this.i.cz = +v;
-            this._a("underlineRippleWidth", this.i.cz);
+            this.i.c5 = +v;
+            this._a("underlineRippleWidth", this.i.c5);
         }
         /**
          * Gets the actual width to use for the underline element.
         */
         get actualUnderlineRippleWidth() {
-            return this.i.ce;
+            return this.i.ck;
         }
         set actualUnderlineRippleWidth(v) {
-            this.i.ce = +v;
-            this._a("actualUnderlineRippleWidth", this.i.ce);
+            this.i.ck = +v;
+            this._a("actualUnderlineRippleWidth", this.i.ck);
         }
         /**
          * Gets or sets the width to use for the underline element.
         */
         get underlineWidth() {
-            return this.i.c0;
+            return this.i.c6;
         }
         set underlineWidth(v) {
-            this.i.c0 = +v;
-            this._a("underlineWidth", this.i.c0);
+            this.i.c6 = +v;
+            this._a("underlineWidth", this.i.c6);
         }
         /**
          * Gets the actual width to use for the underline element.
         */
         get actualUnderlineWidth() {
-            return this.i.cf;
+            return this.i.cl;
         }
         set actualUnderlineWidth(v) {
-            this.i.cf = +v;
-            this._a("actualUnderlineWidth", this.i.cf);
+            this.i.cl = +v;
+            this._a("actualUnderlineWidth", this.i.cl);
         }
         /**
          * Whether to allow filtering of the combo
         */
         get allowFilter() {
-            return this.i.bd;
+            return this.i.bg;
         }
         set allowFilter(v) {
-            this.i.bd = ensureBool(v);
-            this._a("allowFilter", this.i.bd);
+            this.i.bg = ensureBool(v);
+            this._a("allowFilter", this.i.bg);
         }
         /**
          * Returns/sets the action to take when a column header is clicked.
@@ -1034,10 +1034,10 @@ export let IgcMultiColumnComboBoxComponent = /*@__PURE__*/ (() => {
          * Determines the name of the field in the data source will be used as the Text of the MultiColumnComboBox.
         */
         get textField() {
-            return this.i.fn;
+            return this.i.fv;
         }
         set textField(v) {
-            this.i.fn = v;
+            this.i.fv = v;
         }
         /**
          * The text displayed in the edit portion of the control.
@@ -1088,6 +1088,36 @@ export let IgcMultiColumnComboBoxComponent = /*@__PURE__*/ (() => {
         set value(v) {
             this.i.value = v;
         }
+        /**
+         * Indicates that the dropdown will position itself relative to the window instead of the document.
+        */
+        get isFixed() {
+            return this.i.bn;
+        }
+        set isFixed(v) {
+            this.i.bn = ensureBool(v);
+            this._a("isFixed", this.i.bn);
+        }
+        /**
+         * Indicates that the dropdown should open as a child of the combobox.
+        */
+        get openAsChild() {
+            return this.i.bo;
+        }
+        set openAsChild(v) {
+            this.i.bo = ensureBool(v);
+            this._a("openAsChild", this.i.bo);
+        }
+        /**
+         * Indicates that the dropdown will place itself into the browser top layer.
+        */
+        get useTopLayer() {
+            return this.i.br;
+        }
+        set useTopLayer(v) {
+            this.i.br = ensureBool(v);
+            this._a("useTopLayer", this.i.br);
+        }
         findByName(name) {
             if (this.findEphemera) {
                 if (name && name.indexOf("@@e:") == 0) {
@@ -1175,7 +1205,7 @@ export let IgcMultiColumnComboBoxComponent = /*@__PURE__*/ (() => {
         
         */
         exportVisualModel() {
-            let iv = this.i.c3();
+            let iv = this.i.c9();
             return (iv);
         }
         /**
@@ -1183,7 +1213,7 @@ export let IgcMultiColumnComboBoxComponent = /*@__PURE__*/ (() => {
         
         */
         exportSerializedVisualModel() {
-            let iv = this.i.eq();
+            let iv = this.i.ew();
             return (iv);
         }
         get gotFocus() {