igniteui-webcomponents-data-grids 7.1.0-alpha.3 → 7.1.0-beta.1

package/esm2015/lib/igc-checkbox-list-component.js

@@ -279,25 +279,25 @@ let IgcCheckboxListComponent = /*@__PURE__*/ (() => {
             this.i.dataMemberPath = v;
         }
         get dataLegendTarget() {
-            return this.i.bq;
+            return this.i.dataLegendTarget;
         }
         set dataLegendTarget(v) {
-            this.i.bq = v;
+            this.i.dataLegendTarget = v;
         }
         /**
          * Gets or Sets the property name that contains the values.
         */
         get subtitleMemberPath() {
-            return this.i.c7;
+            return this.i.subtitleMemberPath;
         }
         set subtitleMemberPath(v) {
-            this.i.c7 = v;
+            this.i.subtitleMemberPath = v;
         }
         get propertyTypeMemberPath() {
-            return this.i.cm;
+            return this.i.propertyTypeMemberPath;
         }
         set propertyTypeMemberPath(v) {
-            this.i.cm = v;
+            this.i.propertyTypeMemberPath = v;
         }
         /**
          * Gets or Sets the property name that contains the values.
@@ -399,21 +399,21 @@ let IgcCheckboxListComponent = /*@__PURE__*/ (() => {
          * Gets or sets the search background color.
         */
         get searchBackgroundColor() {
-            return brushToString(this.i.fj);
+            return brushToString(this.i.fm);
         }
         set searchBackgroundColor(v) {
-            this.i.fj = stringToBrush(v);
-            this._a("searchBackgroundColor", brushToString(this.i.fj));
+            this.i.fm = stringToBrush(v);
+            this._a("searchBackgroundColor", brushToString(this.i.fm));
         }
         /**
          * Gets or sets the search background color.
         */
         get labelClickTriggersChange() {
-            return this.i.a6;
+            return this.i.labelClickTriggersChange;
         }
         set labelClickTriggersChange(v) {
-            this.i.a6 = ensureBool(v);
-            this._a("labelClickTriggersChange", this.i.a6);
+            this.i.labelClickTriggersChange = ensureBool(v);
+            this._a("labelClickTriggersChange", this.i.labelClickTriggersChange);
         }
         /**
          * Gets or sets the search text color.
@@ -429,11 +429,21 @@ let IgcCheckboxListComponent = /*@__PURE__*/ (() => {
          * Gets or sets the search border color.
         */
         get searchBorderColor() {
-            return brushToString(this.i.fk);
+            return brushToString(this.i.searchBorderColor);
         }
         set searchBorderColor(v) {
-            this.i.fk = stringToBrush(v);
-            this._a("searchBorderColor", brushToString(this.i.fk));
+            this.i.searchBorderColor = stringToBrush(v);
+            this._a("searchBorderColor", brushToString(this.i.searchBorderColor));
+        }
+        /**
+         * Gets or sets the search focus border color.
+        */
+        get searchFocusBorderColor() {
+            return brushToString(this.i.searchFocusBorderColor);
+        }
+        set searchFocusBorderColor(v) {
+            this.i.searchFocusBorderColor = stringToBrush(v);
+            this._a("searchFocusBorderColor", brushToString(this.i.searchFocusBorderColor));
         }
         /**
          * Gets or sets the text style.
@@ -454,61 +464,61 @@ let IgcCheckboxListComponent = /*@__PURE__*/ (() => {
          * Gets or sets the checkbox tick color.
         */
         get checkboxTickColor() {
-            return brushToString(this.i.e9);
+            return brushToString(this.i.fc);
         }
         set checkboxTickColor(v) {
-            this.i.e9 = stringToBrush(v);
-            this._a("checkboxTickColor", brushToString(this.i.e9));
+            this.i.fc = stringToBrush(v);
+            this._a("checkboxTickColor", brushToString(this.i.fc));
         }
         /**
          * Gets or sets the checkbox background color when checked.
         */
         get checkboxCheckedBackgroundColor() {
-            return brushToString(this.i.e7);
+            return brushToString(this.i.checkboxCheckedBackgroundColor);
         }
         set checkboxCheckedBackgroundColor(v) {
-            this.i.e7 = stringToBrush(v);
-            this._a("checkboxCheckedBackgroundColor", brushToString(this.i.e7));
+            this.i.checkboxCheckedBackgroundColor = stringToBrush(v);
+            this._a("checkboxCheckedBackgroundColor", brushToString(this.i.checkboxCheckedBackgroundColor));
         }
         /**
          * Gets or sets the checkbox background color when unchecked.
         */
         get checkboxUncheckedBackgroundColor() {
-            return brushToString(this.i.fa);
+            return brushToString(this.i.checkboxUncheckedBackgroundColor);
         }
         set checkboxUncheckedBackgroundColor(v) {
-            this.i.fa = stringToBrush(v);
-            this._a("checkboxUncheckedBackgroundColor", brushToString(this.i.fa));
+            this.i.checkboxUncheckedBackgroundColor = stringToBrush(v);
+            this._a("checkboxUncheckedBackgroundColor", brushToString(this.i.checkboxUncheckedBackgroundColor));
         }
         /**
          * Gets or sets the checkbox border color when checked.
         */
         get checkboxCheckedBorderColor() {
-            return brushToString(this.i.e8);
+            return brushToString(this.i.checkboxCheckedBorderColor);
         }
         set checkboxCheckedBorderColor(v) {
-            this.i.e8 = stringToBrush(v);
-            this._a("checkboxCheckedBorderColor", brushToString(this.i.e8));
+            this.i.checkboxCheckedBorderColor = stringToBrush(v);
+            this._a("checkboxCheckedBorderColor", brushToString(this.i.checkboxCheckedBorderColor));
         }
         /**
          * Gets or sets the checkbox border color when unchecked.
         */
         get checkboxUncheckedBorderColor() {
-            return brushToString(this.i.fb);
+            return brushToString(this.i.checkboxUncheckedBorderColor);
         }
         set checkboxUncheckedBorderColor(v) {
-            this.i.fb = stringToBrush(v);
-            this._a("checkboxUncheckedBorderColor", brushToString(this.i.fb));
+            this.i.checkboxUncheckedBorderColor = stringToBrush(v);
+            this._a("checkboxUncheckedBorderColor", brushToString(this.i.checkboxUncheckedBorderColor));
         }
         /**
          * Gets or sets the corner radius to use for the checkbox.
         */
         get checkboxCornerRadius() {
-            return this.i.bc;
+            return this.i.checkboxCornerRadius;
         }
         set checkboxCornerRadius(v) {
-            this.i.bc = +v;
-            this._a("checkboxCornerRadius", this.i.bc);
+            this.i.checkboxCornerRadius = +v;
+            this._a("checkboxCornerRadius", this.i.checkboxCornerRadius);
         }
         /**
          * Gets or sets the style of scrollbar.
@@ -524,40 +534,40 @@ let IgcCheckboxListComponent = /*@__PURE__*/ (() => {
          * Gets or sets the scrollbar background color.
         */
         get scrollbarBackground() {
-            return brushToString(this.i.fi);
+            return brushToString(this.i.fl);
         }
         set scrollbarBackground(v) {
-            this.i.fi = stringToBrush(v);
-            this._a("scrollbarBackground", brushToString(this.i.fi));
+            this.i.fl = stringToBrush(v);
+            this._a("scrollbarBackground", brushToString(this.i.fl));
         }
         /**
          * Gets / sets the caption of the "Select All" checkbox.
         */
         get selectAllCaption() {
-            return this.i.c0;
+            return this.i.c1;
         }
         set selectAllCaption(v) {
-            this.i.c0 = v;
+            this.i.c1 = v;
         }
         /**
          * Gets or sets the color to use for the "Select All" label.
         */
         get selectAllCaptionTextColor() {
-            return brushToString(this.i.fn);
+            return brushToString(this.i.selectAllCaptionTextColor);
         }
         set selectAllCaptionTextColor(v) {
-            this.i.fn = stringToBrush(v);
-            this._a("selectAllCaptionTextColor", brushToString(this.i.fn));
+            this.i.selectAllCaptionTextColor = stringToBrush(v);
+            this._a("selectAllCaptionTextColor", brushToString(this.i.selectAllCaptionTextColor));
         }
         /**
          * Gets or sets the color to use for the actual header selectAllCaption text.
         */
         get actualSelectAllCaptionTextColor() {
-            return brushToString(this.i.e5);
+            return brushToString(this.i.e8);
         }
         set actualSelectAllCaptionTextColor(v) {
-            this.i.e5 = stringToBrush(v);
-            this._a("actualSelectAllCaptionTextColor", brushToString(this.i.e5));
+            this.i.e8 = stringToBrush(v);
+            this._a("actualSelectAllCaptionTextColor", brushToString(this.i.e8));
         }
         /**
          * Gets / sets whether the "Select all" checkbox is visible.
@@ -593,11 +603,11 @@ let IgcCheckboxListComponent = /*@__PURE__*/ (() => {
          * Gets or sets the color to use for the text of the component.
         */
         get textColor() {
-            return brushToString(this.i.fp);
+            return brushToString(this.i.textColor);
         }
         set textColor(v) {
-            this.i.fp = stringToBrush(v);
-            this._a("textColor", brushToString(this.i.fp));
+            this.i.textColor = stringToBrush(v);
+            this._a("textColor", brushToString(this.i.textColor));
         }
         /**
          * Gets or sets whether the filter input is visible.
@@ -623,11 +633,11 @@ let IgcCheckboxListComponent = /*@__PURE__*/ (() => {
          * Gets or sets whether checkbox should be displayed to the right.
         */
         get checkboxAlignedRight() {
-            return this.i.az;
+            return this.i.checkboxAlignedRight;
         }
         set checkboxAlignedRight(v) {
-            this.i.az = ensureBool(v);
-            this._a("checkboxAlignedRight", this.i.az);
+            this.i.checkboxAlignedRight = ensureBool(v);
+            this._a("checkboxAlignedRight", this.i.checkboxAlignedRight);
         }
         findByName(name) {
             if (this.findEphemera) {
@@ -698,17 +708,17 @@ let IgcCheckboxListComponent = /*@__PURE__*/ (() => {
     
     */
         selectAll() {
-            this.i.ej();
+            this.i.el();
         }
         /**
          * Deselects all the items in the checkbox list.
         
         */
         deselectAll() {
-            this.i.dg();
+            this.i.dh();
         }
         notifySetItem(index, oldItem, newItem) {
-            this.i.dv(index, oldItem, newItem);
+            this.i.dw(index, oldItem, newItem);
         }
         /**
          * Manually notifies the checkboxlist's grid that the data it has bound to has been cleared and needs to be re-examined.
@@ -716,22 +726,22 @@ let IgcCheckboxListComponent = /*@__PURE__*/ (() => {
         
         */
         notifyClearItems() {
-            this.i.dr();
+            this.i.ds();
         }
         notifyInsertItem(index, newItem) {
-            this.i.ds(index, newItem);
+            this.i.dt(index, newItem);
         }
         notifyRemoveItem(index, oldItem) {
-            this.i.du(index, oldItem);
+            this.i.dv(index, oldItem);
         }
         refresh() {
             this.i.refresh();
         }
         addKeyValue(value) {
-            this.i.db(value);
+            this.i.dc(value);
         }
         removeKeyValue(value) {
-            this.i.eh(value);
+            this.i.ej(value);
         }
         getDesiredSize(availableSize) {
             let iv = this.i.getDesiredSize(toSize(availableSize));

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

@@ -65,50 +65,50 @@ let IgcComboBoxColumnComponent = /*@__PURE__*/ (() => {
          * Gets the actual data source that is being used by the combo. If a collection was provided for the combobox data, an implicit LocalDataSource is created, and this is available via this property.
         */
         get actualDataSource() {
-            return this.i.r6;
+            return this.i.sg;
         }
         set actualDataSource(v) {
-            this.i.r6 = v;
+            this.i.sg = v;
         }
         /**
          * Gets or sets the ComboBox data source.
         */
         get dataSource() {
-            return this.i.r7;
+            return this.i.sh;
         }
         set dataSource(v) {
-            this.i.r7 = v;
+            this.i.sh = v;
         }
         /**
          * Gets or sets the ComboBox text field.
         */
         get textField() {
-            return this.i.sb;
+            return this.i.sl;
         }
         set textField(v) {
-            this.i.sb = v;
+            this.i.sl = v;
         }
         /**
          * Gets or sets the ComboBox value field.
         */
         get valueField() {
-            return this.i.sc;
+            return this.i.sm;
         }
         set valueField(v) {
-            this.i.sc = v;
+            this.i.sm = v;
         }
         /**
          * Gets or sets the ComboBox value field.
         */
         get valueMultiField() {
-            return this.i.r4;
+            return this.i.se;
         }
         set valueMultiField(v) {
             if (v && !Array.isArray(v) && typeof (v) == "string") {
                 const re = /\s*(?:,|\s|$)\s*/gm;
                 v = v.split(re);
             }
-            this.i.r4 = v;
+            this.i.se = v;
         }
     }
     IgcComboBoxColumnComponent._observedAttributesIgcComboBoxColumnComponent = null;