igniteui-webcomponents-grids 4.0.4 → 4.2.3-alpha

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

@@ -259,28 +259,28 @@ export let IgcCheckboxListComponent = /*@__PURE__*/ (() => {
          * Gets or Sets the property name that contains the values.
         */
         get dataMemberPath() {
-            return this.i.a4;
+            return this.i.bc;
         }
         set dataMemberPath(v) {
-            this.i.a4 = v;
+            this.i.bc = v;
         }
         /**
          * Gets or Sets the property name that contains the values.
         */
         get selectedMemberPath() {
-            return this.i.bn;
+            return this.i.b0;
         }
         set selectedMemberPath(v) {
-            this.i.bn = v;
+            this.i.b0 = v;
         }
         /**
          * Gets or Sets the property name that contains the values.
         */
         get filterPlaceholderText() {
-            return this.i.a8;
+            return this.i.bg;
         }
         set filterPlaceholderText(v) {
-            this.i.a8 = v;
+            this.i.bg = v;
         }
         /**
          * Gets or Sets the property name that contains the values.
@@ -296,29 +296,29 @@ export let IgcCheckboxListComponent = /*@__PURE__*/ (() => {
          * Gets or Sets the property name that contains the values.
         */
         get rowHeight() {
-            return this.i.au;
+            return this.i.ax;
         }
         set rowHeight(v) {
-            this.i.au = +v;
-            this._a("rowHeight", this.i.au);
+            this.i.ax = +v;
+            this._a("rowHeight", this.i.ax);
         }
         get actualRowHeight() {
-            return this.i.as;
+            return this.i.av;
         }
         /**
          * Gets or Sets the property name that contains the values.
         */
         get cellTextStyle() {
-            if (this.i.ad == null) {
+            if (this.i.ae == null) {
                 return null;
             }
-            return this.i.ad.fontString;
+            return this.i.ae.fontString;
         }
         set cellTextStyle(v) {
             let fi = new FontInfo();
             fi.fontString = v;
-            this.i.ad = fi;
-            this._a("cellTextStyle", this.i.ad != null ? this.i.ad.fontString : "");
+            this.i.ae = fi;
+            this._a("cellTextStyle", this.i.ae != null ? this.i.ae.fontString : "");
         }
         /**
          * Gets or Sets the property name that contains the values.
@@ -350,6 +350,111 @@ export let IgcCheckboxListComponent = /*@__PURE__*/ (() => {
             this.i.aa = ensureEnum(ControlDisplayDensity_$type, v);
             this._a("density", enumToString(ControlDisplayDensity_$type, this.i.aa));
         }
+        /**
+         * Gets or sets the search icon color.
+        */
+        get searchIconColor() {
+            return brushToString(this.i.du);
+        }
+        set searchIconColor(v) {
+            this.i.du = stringToBrush(v);
+            this._a("searchIconColor", brushToString(this.i.du));
+        }
+        /**
+         * Gets or sets the search background color.
+        */
+        get searchBackgroundColor() {
+            return brushToString(this.i.ds);
+        }
+        set searchBackgroundColor(v) {
+            this.i.ds = stringToBrush(v);
+            this._a("searchBackgroundColor", brushToString(this.i.ds));
+        }
+        /**
+         * Gets or sets the search text color.
+        */
+        get searchTextColor() {
+            return brushToString(this.i.dv);
+        }
+        set searchTextColor(v) {
+            this.i.dv = stringToBrush(v);
+            this._a("searchTextColor", brushToString(this.i.dv));
+        }
+        /**
+         * Gets or sets the search border color.
+        */
+        get searchBorderColor() {
+            return brushToString(this.i.dt);
+        }
+        set searchBorderColor(v) {
+            this.i.dt = stringToBrush(v);
+            this._a("searchBorderColor", brushToString(this.i.dt));
+        }
+        /**
+         * Gets or sets the text style.
+        */
+        get searchTextStyle() {
+            if (this.i.af == null) {
+                return null;
+            }
+            return this.i.af.fontString;
+        }
+        set searchTextStyle(v) {
+            let fi = new FontInfo();
+            fi.fontString = v;
+            this.i.af = fi;
+            this._a("searchTextStyle", this.i.af != null ? this.i.af.fontString : "");
+        }
+        /**
+         * Gets or sets the checkbox tick color.
+        */
+        get checkboxTickColor() {
+            return brushToString(this.i.dl);
+        }
+        set checkboxTickColor(v) {
+            this.i.dl = stringToBrush(v);
+            this._a("checkboxTickColor", brushToString(this.i.dl));
+        }
+        /**
+         * Gets or sets the checkbox background color when checked.
+        */
+        get checkboxCheckedBackgroundColor() {
+            return brushToString(this.i.dj);
+        }
+        set checkboxCheckedBackgroundColor(v) {
+            this.i.dj = stringToBrush(v);
+            this._a("checkboxCheckedBackgroundColor", brushToString(this.i.dj));
+        }
+        /**
+         * Gets or sets the checkbox background color when unchecked.
+        */
+        get checkboxUncheckedBackgroundColor() {
+            return brushToString(this.i.dm);
+        }
+        set checkboxUncheckedBackgroundColor(v) {
+            this.i.dm = stringToBrush(v);
+            this._a("checkboxUncheckedBackgroundColor", brushToString(this.i.dm));
+        }
+        /**
+         * Gets or sets the checkbox border color when checked.
+        */
+        get checkboxCheckedBorderColor() {
+            return brushToString(this.i.dk);
+        }
+        set checkboxCheckedBorderColor(v) {
+            this.i.dk = stringToBrush(v);
+            this._a("checkboxCheckedBorderColor", brushToString(this.i.dk));
+        }
+        /**
+         * Gets or sets the checkbox border color when unchecked.
+        */
+        get checkboxUncheckedBorderColor() {
+            return brushToString(this.i.dn);
+        }
+        set checkboxUncheckedBorderColor(v) {
+            this.i.dn = stringToBrush(v);
+            this._a("checkboxUncheckedBorderColor", brushToString(this.i.dn));
+        }
         /**
          * Gets or sets the style of scrollbar.
         */
@@ -364,90 +469,90 @@ export let IgcCheckboxListComponent = /*@__PURE__*/ (() => {
          * Gets or sets the scrollbar background color.
         */
         get scrollbarBackground() {
-            return brushToString(this.i.cz);
+            return brushToString(this.i.dr);
         }
         set scrollbarBackground(v) {
-            this.i.cz = stringToBrush(v);
-            this._a("scrollbarBackground", brushToString(this.i.cz));
+            this.i.dr = stringToBrush(v);
+            this._a("scrollbarBackground", brushToString(this.i.dr));
         }
         /**
          * Gets / sets the caption of the "Select All" checkbox.
         */
         get selectAllCaption() {
-            return this.i.bk;
+            return this.i.bx;
         }
         set selectAllCaption(v) {
-            this.i.bk = v;
+            this.i.bx = v;
         }
         /**
          * Gets or sets the color to use for the "Select All" label.
         */
         get selectAllCaptionTextColor() {
-            return brushToString(this.i.c0);
+            return brushToString(this.i.dw);
         }
         set selectAllCaptionTextColor(v) {
-            this.i.c0 = stringToBrush(v);
-            this._a("selectAllCaptionTextColor", brushToString(this.i.c0));
+            this.i.dw = stringToBrush(v);
+            this._a("selectAllCaptionTextColor", brushToString(this.i.dw));
         }
         /**
          * Gets or sets the color to use for the actual header selectAllCaption text.
         */
         get actualSelectAllCaptionTextColor() {
-            return brushToString(this.i.cv);
+            return brushToString(this.i.dh);
         }
         set actualSelectAllCaptionTextColor(v) {
-            this.i.cv = stringToBrush(v);
-            this._a("actualSelectAllCaptionTextColor", brushToString(this.i.cv));
+            this.i.dh = stringToBrush(v);
+            this._a("actualSelectAllCaptionTextColor", brushToString(this.i.dh));
         }
         /**
          * Gets / sets whether the "Select all" checkbox is visible.
         */
         get showSelectAll() {
-            return this.i.aq;
+            return this.i.as;
         }
         set showSelectAll(v) {
-            this.i.aq = ensureBool(v);
-            this._a("showSelectAll", this.i.aq);
+            this.i.as = ensureBool(v);
+            this._a("showSelectAll", this.i.as);
         }
         /**
          * Gets or sets the color to use for the background of the component.
         */
         get backgroundColor() {
-            return brushToString(this.i.cw);
+            return brushToString(this.i.di);
         }
         set backgroundColor(v) {
-            this.i.cw = stringToBrush(v);
-            this._a("backgroundColor", brushToString(this.i.cw));
+            this.i.di = stringToBrush(v);
+            this._a("backgroundColor", brushToString(this.i.di));
         }
         /**
          * Gets or sets the color to use for the text of the component.
         */
         get textColor() {
-            return brushToString(this.i.c2);
+            return brushToString(this.i.dy);
         }
         set textColor(v) {
-            this.i.c2 = stringToBrush(v);
-            this._a("textColor", brushToString(this.i.c2));
+            this.i.dy = stringToBrush(v);
+            this._a("textColor", brushToString(this.i.dy));
         }
         /**
          * Gets or sets whether the filter input is visible.
         */
         get showFilter() {
-            return this.i.ao;
+            return this.i.aq;
         }
         set showFilter(v) {
-            this.i.ao = ensureBool(v);
-            this._a("showFilter", this.i.ao);
+            this.i.aq = ensureBool(v);
+            this._a("showFilter", this.i.aq);
         }
         /**
          * Gets or sets whether row hover highlighting is enabled.
         */
         get isRowHoverEnabled() {
-            return this.i.al;
+            return this.i.an;
         }
         set isRowHoverEnabled(v) {
-            this.i.al = ensureBool(v);
-            this._a("isRowHoverEnabled", this.i.al);
+            this.i.an = ensureBool(v);
+            this._a("isRowHoverEnabled", this.i.an);
         }
         findByName(name) {
             if (this.findEphemera) {
@@ -518,17 +623,17 @@ export let IgcCheckboxListComponent = /*@__PURE__*/ (() => {
     
     */
         selectAll() {
-            this.i.cl();
+            this.i.cy();
         }
         /**
          * Deselects all the items in the checkbox list.
         
         */
         deselectAll() {
-            this.i.bw();
+            this.i.b9();
         }
         notifySetItem(index, oldItem, newItem) {
-            this.i.b3(index, oldItem, newItem);
+            this.i.cg(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.
@@ -536,26 +641,26 @@ export let IgcCheckboxListComponent = /*@__PURE__*/ (() => {
         
         */
         notifyClearItems() {
-            this.i.b0();
+            this.i.cd();
         }
         notifyInsertItem(index, newItem) {
-            this.i.b1(index, newItem);
+            this.i.ce(index, newItem);
         }
         notifyRemoveItem(index, oldItem) {
-            this.i.b2(index, oldItem);
+            this.i.cf(index, oldItem);
         }
         addKeyValue(value) {
-            this.i.bt(value);
+            this.i.b6(value);
         }
         removeKeyValue(value) {
-            this.i.ck(value);
+            this.i.cx(value);
         }
         /**
          * Returns true if no items are selected / checked; otherwise false.
         
         */
         isNothingSelected() {
-            let iv = this.i.aj();
+            let iv = this.i.al();
             return (iv);
         }
         /**
@@ -563,7 +668,7 @@ export let IgcCheckboxListComponent = /*@__PURE__*/ (() => {
         
         */
         isEverythingSelected() {
-            let iv = this.i.ai();
+            let iv = this.i.ak();
             return (iv);
         }
         /**

package/esm2015/lib/igc-data-grid-comparison-operator-selector-component.js

@@ -6,7 +6,7 @@ import { IgcOperatorSelectorOpeningEventArgs } from "./igc-operator-selector-ope
 import { IgcOperatorSelectorClosingEventArgs } from "./igc-operator-selector-closing-event-args";
 import { ComparisonOperatorSelector } from "./ComparisonOperatorSelector";
 import { TypeRegistrar } from "igniteui-webcomponents-core";
-import { NamePatcher, getAllPropertyNames, fromSpinal, toSpinal, ensureEnum, enumToString, initializePropertiesFromCss } from "igniteui-webcomponents-core";
+import { NamePatcher, getAllPropertyNames, fromSpinal, toSpinal, ensureEnum, enumToString, brushToString, stringToBrush, initializePropertiesFromCss } from "igniteui-webcomponents-core";
 import { RegisterElementHelper } from "igniteui-webcomponents-core";
 /**
  * A dropdown selector for choosing which comparison operator to use.
@@ -28,6 +28,8 @@ export let IgcDataGridComparisonOperatorSelectorComponent = /*@__PURE__*/ (() =>
             this._valueChanged_wrapped = null;
             this._opening = null;
             this._opening_wrapped = null;
+            this._opened = null;
+            this._opened_wrapped = null;
             this._closing = null;
             this._closing_wrapped = null;
             if (this._styling) {
@@ -153,20 +155,20 @@ export let IgcDataGridComparisonOperatorSelectorComponent = /*@__PURE__*/ (() =>
          * Gets the ID for the custom filter that is selected. Value must be 'Custom' for this property to be valid.
         */
         get customFilterID() {
-            return this.i.ac;
+            return this.i.ae;
         }
         set customFilterID(v) {
-            this.i.ac = v;
+            this.i.ae = v;
         }
         /**
          * Gets the index for the custom filter that is selected. Value must be 'Custom' for this property to be valid.
         */
         get customFilterIndex() {
-            return this.i.w;
+            return this.i.x;
         }
         set customFilterIndex(v) {
-            this.i.w = +v;
-            this._a("customFilterIndex", this.i.w);
+            this.i.x = +v;
+            this._a("customFilterIndex", this.i.x);
         }
         /**
          * Gets or sets the data type. Used to determine what operators are available.
@@ -179,137 +181,157 @@ export let IgcDataGridComparisonOperatorSelectorComponent = /*@__PURE__*/ (() =>
             this._a("dataType", enumToString(DataSourceSchemaPropertyType_$type, this.i.d));
         }
         get maxHeight() {
-            return this.i.y;
+            return this.i.z;
         }
         set maxHeight(v) {
-            this.i.y = +v;
-            this._a("maxHeight", this.i.y);
+            this.i.z = +v;
+            this._a("maxHeight", this.i.z);
+        }
+        /**
+         * Gets or sets the text color.
+        */
+        get textColor() {
+            return brushToString(this.i.eq);
+        }
+        set textColor(v) {
+            this.i.eq = stringToBrush(v);
+            this._a("textColor", brushToString(this.i.eq));
+        }
+        /**
+         * Gets or sets the background color.
+        */
+        get background() {
+            return brushToString(this.i.ep);
+        }
+        set background(v) {
+            this.i.ep = stringToBrush(v);
+            this._a("background", brushToString(this.i.ep));
         }
         get operatorCaptionTrue() {
-            return this.i.db;
+            return this.i.dd;
         }
         get operatorCaptionFalse() {
-            return this.i.ci;
+            return this.i.ck;
         }
         get operatorCaptionEquals() {
-            return this.i.ch;
+            return this.i.cj;
         }
         get operatorCaptionNotEquals() {
-            return this.i.cx;
+            return this.i.cz;
         }
         get operatorCaptionLessThan() {
-            return this.i.cp;
+            return this.i.cr;
         }
         get operatorCaptionLessThanOrEqual() {
-            return this.i.cq;
+            return this.i.cs;
         }
         get operatorCaptionGreaterThan() {
-            return this.i.cj;
+            return this.i.cl;
         }
         get operatorCaptionGreaterThanOrEqual() {
-            return this.i.ck;
+            return this.i.cm;
         }
         get operatorCaptionTop() {
-            return this.i.c9;
+            return this.i.db;
         }
         get operatorCaptionBottom() {
-            return this.i.b9;
+            return this.i.cb;
         }
         get operatorCaptionTopPercentile() {
-            return this.i.da;
+            return this.i.dc;
         }
         get operatorCaptionBottomPercentile() {
-            return this.i.ca;
+            return this.i.cc;
         }
         get operatorCaptionToday() {
-            return this.i.c7;
+            return this.i.c9;
         }
         get operatorCaptionTomorrow() {
-            return this.i.c8;
+            return this.i.da;
         }
         get operatorCaptionYesterday() {
-            return this.i.de;
+            return this.i.dg;
         }
         get operatorCaptionThisWeek() {
-            return this.i.c5;
+            return this.i.c7;
         }
         get operatorCaptionNextWeek() {
-            return this.i.cu;
+            return this.i.cw;
         }
         get operatorCaptionLastWeek() {
-            return this.i.cn;
+            return this.i.cp;
         }
         get operatorCaptionThisMonth() {
-            return this.i.c3;
+            return this.i.c5;
         }
         get operatorCaptionNextMonth() {
-            return this.i.cs;
+            return this.i.cu;
         }
         get operatorCaptionLastMonth() {
-            return this.i.cl;
+            return this.i.cn;
         }
         get operatorCaptionThisQuarter() {
-            return this.i.c4;
+            return this.i.c6;
         }
         get operatorCaptionNextQuarter() {
-            return this.i.ct;
+            return this.i.cv;
         }
         get operatorCaptionLastQuarter() {
-            return this.i.cm;
+            return this.i.co;
         }
         get operatorCaptionThisYear() {
-            return this.i.c6;
+            return this.i.c8;
         }
         get operatorCaptionNextYear() {
-            return this.i.cv;
+            return this.i.cx;
         }
         get operatorCaptionLastYear() {
-            return this.i.co;
+            return this.i.cq;
         }
         get operatorCaptionYearToDate() {
-            return this.i.dd;
+            return this.i.df;
         }
         get operatorCaptionQ1() {
-            return this.i.cy;
+            return this.i.c0;
         }
         get operatorCaptionQ2() {
-            return this.i.cz;
+            return this.i.c1;
         }
         get operatorCaptionQ3() {
-            return this.i.c0;
+            return this.i.c2;
         }
         get operatorCaptionQ4() {
-            return this.i.c1;
+            return this.i.c3;
         }
         get operatorCaptionMonth() {
-            return this.i.cr;
+            return this.i.ct;
         }
         get operatorCaptionYear() {
-            return this.i.dc;
+            return this.i.de;
         }
         get operatorCaptionStartsWith() {
-            return this.i.c2;
+            return this.i.c4;
         }
         get operatorCaptionDoesNotStartWith() {
-            return this.i.ce;
+            return this.i.cg;
         }
         get operatorCaptionEndsWith() {
-            return this.i.cg;
+            return this.i.ci;
         }
         get operatorCaptionDoesNotEndWith() {
-            return this.i.cd;
+            return this.i.cf;
         }
         get operatorCaptionContains() {
-            return this.i.cb;
+            return this.i.cd;
         }
         get operatorCaptionDoesNotContain() {
-            return this.i.cc;
+            return this.i.ce;
         }
         get operatorCaptionEmpty() {
-            return this.i.cf;
+            return this.i.ch;
         }
         get operatorCaptionNotEmpty() {
-            return this.i.cw;
+            return this.i.cy;
         }
         findByName(name) {
             if (this.findEphemera) {
@@ -373,29 +395,29 @@ export let IgcDataGridComparisonOperatorSelectorComponent = /*@__PURE__*/ (() =>
             this._inStyling = false;
         }
         provideContainer(container) {
-            this.i.ee(container);
+            this.i.ej(container);
         }
         dispose() {
-            this.i.d7();
+            this.i.ea();
         }
         getDropdownHeight() {
-            let iv = this.i.x();
+            let iv = this.i.y();
             return (iv);
         }
         toggle() {
-            this.i.eh();
+            this.i.em();
         }
         close() {
-            this.i.d5();
+            this.i.d8();
         }
         addCustomOperator(name, icon, id, index) {
-            this.i.dy(name, icon, id, index);
+            this.i.d1(name, icon, id, index);
         }
         clearCustomOperators() {
-            this.i.d4();
+            this.i.d7();
         }
         selectCustomFilter(id, index) {
-            this.i.ef(id, index);
+            this.i.ek(id, index);
         }
         get valueChanged() {
             return this._valueChanged;
@@ -443,6 +465,29 @@ export let IgcDataGridComparisonOperatorSelectorComponent = /*@__PURE__*/ (() =>
             this.i.opening = delegateCombine(this.i.opening, this._opening_wrapped);
             ;
         }
+        get opened() {
+            return this._opened;
+        }
+        set opened(ev) {
+            if (this._opened_wrapped !== null) {
+                this.i.opened = delegateRemove(this.i.opened, this._opened_wrapped);
+                this._opened_wrapped = null;
+                this._opened = null;
+            }
+            this._opened = ev;
+            this._opened_wrapped = (o, e) => {
+                let outerArgs = new IgcOperatorSelectorOpeningEventArgs();
+                outerArgs._provideImplementation(e);
+                if (this.beforeOpened) {
+                    this.beforeOpened(this, outerArgs);
+                }
+                if (this._opened) {
+                    this._opened(this, outerArgs);
+                }
+            };
+            this.i.opened = delegateCombine(this.i.opened, this._opened_wrapped);
+            ;
+        }
         get closing() {
             return this._closing;
         }