igniteui-webcomponents-grids 1.4.2 → 3.2.2

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

@@ -142,14 +142,20 @@ export let IgcMultiColumnComboBoxComponent = /*@__PURE__*/ (() => {
                 ext._implementation = int;
                 value = ext;
             }
-            else {
-                var int = ColumnWidth_internal.parse(value.toString());
+            else if (typeof value == "number") {
+                let int = ColumnWidth_internal.parse(value.toString());
                 let ext = new IgcColumnWidth();
                 ext._implementation = int;
                 value = ext;
             }
             this.i.defaultColumnWidth = value.i;
         }
+        attributeSynced(name, value) {
+            // an attribute was set by the component renderer.
+            if (name === 'name') {
+                this.i.setName(value);
+            }
+        }
         _enqueueSetAttribute(attrName, attrValue) {
             this._queuedSetAttributes.push({ attrName: attrName, attrValue: attrValue });
         }
@@ -230,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.hi);
+            return brushToString(this.i.hj);
         }
         set backgroundColor(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));
         }
         /**
          * Gets the actual opacity to use for the underline ripple element.
         */
         get actualBackgroundColor() {
-            return brushToString(this.i.g7);
+            return brushToString(this.i.g8);
         }
         set actualBackgroundColor(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));
         }
         /**
          * Gets or sets the base built in theme to use for the component.
@@ -270,21 +276,21 @@ export let IgcMultiColumnComboBoxComponent = /*@__PURE__*/ (() => {
          * Gets or sets the color to use the border of the input group.
         */
         get borderColor() {
-            return brushToString(this.i.hj);
+            return brushToString(this.i.hk);
         }
         set borderColor(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));
         }
         /**
          * Gets the actual item background color.
         */
         get actualBorderColor() {
-            return brushToString(this.i.g8);
+            return brushToString(this.i.g9);
         }
         set actualBorderColor(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));
         }
         /**
          * Gets or sets the border width to use for the border of the item group.
@@ -317,172 +323,172 @@ export let IgcMultiColumnComboBoxComponent = /*@__PURE__*/ (() => {
             this._a("columnHeadersVisible", this.i.columnHeadersVisible);
         }
         get contentPaddingBottom() {
-            return this.i.h7 ? this.i.h7.b : NaN;
+            return this.i.h8 ? this.i.h8.bottom : NaN;
         }
         set contentPaddingBottom(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;
         }
         get contentPaddingLeft() {
-            return this.i.h7 ? this.i.h7.c : NaN;
+            return this.i.h8 ? this.i.h8.left : NaN;
         }
         set contentPaddingLeft(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;
         }
         get contentPaddingRight() {
-            return this.i.h7 ? this.i.h7.d : NaN;
+            return this.i.h8 ? this.i.h8.right : NaN;
         }
         set contentPaddingRight(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;
         }
         get contentPaddingTop() {
-            return this.i.h7 ? this.i.h7.e : NaN;
+            return this.i.h8 ? this.i.h8.top : NaN;
         }
         set contentPaddingTop(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;
         }
         ensureContentPadding() {
-            if (this.i.h7) {
+            if (this.i.h8) {
                 return;
             }
-            this.i.h7 = new Thickness(2);
+            this.i.h8 = new Thickness(2);
         }
         get actualContentPaddingBottom() {
-            return this.i.h6 ? this.i.h6.b : NaN;
+            return this.i.h7 ? this.i.h7.bottom : NaN;
         }
         set actualContentPaddingBottom(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;
         }
         get actualContentPaddingLeft() {
-            return this.i.h6 ? this.i.h6.c : NaN;
+            return this.i.h7 ? this.i.h7.left : NaN;
         }
         set actualContentPaddingLeft(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;
         }
         get actualContentPaddingRight() {
-            return this.i.h6 ? this.i.h6.d : NaN;
+            return this.i.h7 ? this.i.h7.right : NaN;
         }
         set actualContentPaddingRight(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;
         }
         get actualContentPaddingTop() {
-            return this.i.h6 ? this.i.h6.e : NaN;
+            return this.i.h7 ? this.i.h7.top : NaN;
         }
         set actualContentPaddingTop(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;
         }
         ensureActualContentPadding() {
-            if (this.i.h6) {
+            if (this.i.h7) {
                 return;
             }
-            this.i.h6 = new Thickness(2);
+            this.i.h7 = new Thickness(2);
         }
         get cornerRadiusBottomRight() {
-            return this.i.gj ? this.i.gj.b : NaN;
+            return this.i.gk ? this.i.gk.b : NaN;
         }
         set cornerRadiusBottomRight(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;
         }
         get cornerRadiusBottomLeft() {
-            return this.i.gj ? this.i.gj.a : NaN;
+            return this.i.gk ? this.i.gk.a : NaN;
         }
         set cornerRadiusBottomLeft(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;
         }
         get cornerRadiusTopLeft() {
-            return this.i.gj ? this.i.gj.c : NaN;
+            return this.i.gk ? this.i.gk.c : NaN;
         }
         set cornerRadiusTopLeft(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;
         }
         get cornerRadiusTopRight() {
-            return this.i.gj ? this.i.gj.d : NaN;
+            return this.i.gk ? this.i.gk.d : NaN;
         }
         set cornerRadiusTopRight(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;
         }
         ensureCornerRadius() {
-            if (this.i.gj) {
+            if (this.i.gk) {
                 return;
             }
-            this.i.gj = new CornerRadius(2);
+            this.i.gk = new CornerRadius(2);
         }
         get actualCornerRadiusBottomRight() {
-            return this.i.gi ? this.i.gi.b : NaN;
+            return this.i.gj ? this.i.gj.b : NaN;
         }
         set actualCornerRadiusBottomRight(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;
         }
         get actualCornerRadiusBottomLeft() {
-            return this.i.gi ? this.i.gi.a : NaN;
+            return this.i.gj ? this.i.gj.a : NaN;
         }
         set actualCornerRadiusBottomLeft(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;
         }
         get actualCornerRadiusTopLeft() {
-            return this.i.gi ? this.i.gi.c : NaN;
+            return this.i.gj ? this.i.gj.c : NaN;
         }
         set actualCornerRadiusTopLeft(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;
         }
         get actualCornerRadiusTopRight() {
-            return this.i.gi ? this.i.gi.d : NaN;
+            return this.i.gj ? this.i.gj.d : NaN;
         }
         set actualCornerRadiusTopRight(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;
         }
         ensureActualCornerRadius() {
-            if (this.i.gi) {
+            if (this.i.gj) {
                 return;
             }
-            this.i.gi = new CornerRadius(2);
+            this.i.gj = 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.
@@ -531,21 +537,21 @@ 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.hv);
+            return brushToString(this.i.hw);
         }
         set focusBorderColor(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));
         }
         /**
          * Gets the actual item border color.
         */
         get actualFocusBorderColor() {
-            return brushToString(this.i.g9);
+            return brushToString(this.i.ha);
         }
         set actualFocusBorderColor(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));
         }
         /**
          * Gets or sets the border width to use for the border of the item group when focused.
@@ -571,21 +577,21 @@ export let IgcMultiColumnComboBoxComponent = /*@__PURE__*/ (() => {
          * Gets or sets the color to use for the underline element.
         */
         get focusUnderlineColor() {
-            return brushToString(this.i.hw);
+            return brushToString(this.i.hx);
         }
         set focusUnderlineColor(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));
         }
         /**
          * Gets the actual color to use for the underline element when focused.
         */
         get actualFocusUnderlineColor() {
-            return brushToString(this.i.ha);
+            return brushToString(this.i.hb);
         }
         set actualFocusUnderlineColor(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));
         }
         /**
          * Gets or sets the color to use for the underline element.
@@ -631,21 +637,21 @@ export let IgcMultiColumnComboBoxComponent = /*@__PURE__*/ (() => {
          * Gets or sets the color to use for the underline element.
         */
         get hoverUnderlineColor() {
-            return brushToString(this.i.hx);
+            return brushToString(this.i.hy);
         }
         set hoverUnderlineColor(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));
         }
         /**
          * Gets the actual color to use for the underline element.
         */
         get actualHoverUnderlineColor() {
-            return brushToString(this.i.hb);
+            return brushToString(this.i.hc);
         }
         set actualHoverUnderlineColor(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));
         }
         /**
          * Gets or sets the color to use for the underline element.
@@ -716,21 +722,21 @@ export let IgcMultiColumnComboBoxComponent = /*@__PURE__*/ (() => {
          * Gets or sets the color to use for the text.
         */
         get labelTextColor() {
-            return brushToString(this.i.hy);
+            return brushToString(this.i.hz);
         }
         set labelTextColor(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));
         }
         /**
          * Gets the actual color to use for the text color.
         */
         get actualLabelTextColor() {
-            return brushToString(this.i.hc);
+            return brushToString(this.i.hd);
         }
         set actualLabelTextColor(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));
         }
         /**
          * Gets or sets the font to use for the combobox.
@@ -779,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.hz);
+            return brushToString(this.i.h0);
         }
         set noMatchesFoundLabelBackgroundColor(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));
         }
         /**
          * Gets the actual color to use for the "no matches found" label.
         */
         get actualNoMatchesFoundLabelBackgroundColor() {
-            return brushToString(this.i.hd);
+            return brushToString(this.i.he);
         }
         set actualNoMatchesFoundLabelBackgroundColor(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));
         }
         /**
          * Gets or sets the color to use for the "no matches found" label.
         */
         get noMatchesFoundLabelTextColor() {
-            return brushToString(this.i.h0);
+            return brushToString(this.i.h1);
         }
         set noMatchesFoundLabelTextColor(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));
         }
         /**
          * Gets the actual color to use for the "no matches found" label.
         */
         get actualNoMatchesFoundLabelTextColor() {
-            return brushToString(this.i.he);
+            return brushToString(this.i.hf);
         }
         set actualNoMatchesFoundLabelTextColor(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));
         }
         /**
          * Gets or sets the font to use for the combobox.
@@ -853,21 +859,21 @@ export let IgcMultiColumnComboBoxComponent = /*@__PURE__*/ (() => {
          * Gets or sets the color to use for the text.
         */
         get textColor() {
-            return brushToString(this.i.h1);
+            return brushToString(this.i.h2);
         }
         set textColor(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));
         }
         /**
          * Gets the actual color to use for the text color.
         */
         get actualTextColor() {
-            return brushToString(this.i.hf);
+            return brushToString(this.i.hg);
         }
         set actualTextColor(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));
         }
         /**
          * Gets or sets the font to use for the combobox.
@@ -888,21 +894,21 @@ export let IgcMultiColumnComboBoxComponent = /*@__PURE__*/ (() => {
          * Gets or sets the color to use for the underline element.
         */
         get underlineColor() {
-            return brushToString(this.i.h2);
+            return brushToString(this.i.h3);
         }
         set underlineColor(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));
         }
         /**
          * Gets the actual color to use for the underline element.
         */
         get actualUnderlineColor() {
-            return brushToString(this.i.hg);
+            return brushToString(this.i.hh);
         }
         set actualUnderlineColor(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));
         }
         /**
          * Gets or sets the color to use for the underline element.
@@ -928,21 +934,21 @@ export let IgcMultiColumnComboBoxComponent = /*@__PURE__*/ (() => {
          * Gets or sets the color to use for the underline ripple element.
         */
         get underlineRippleColor() {
-            return brushToString(this.i.h3);
+            return brushToString(this.i.h4);
         }
         set underlineRippleColor(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));
         }
         /**
          * Gets the actual color to use for the underline ripple element.
         */
         get actualUnderlineRippleColor() {
-            return brushToString(this.i.hh);
+            return brushToString(this.i.hi);
         }
         set actualUnderlineRippleColor(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));
         }
         /**
          * Gets or sets the opacity to use for the underline ripple element.