igniteui-webcomponents-grids 5.1.0 → 5.1.1-beta.0

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

@@ -17,6 +17,8 @@ import { BaseControlTheme_$type } from "igniteui-webcomponents-core";
 import { ControlDisplayDensity_$type } from "igniteui-webcomponents-core";
 import { ScrollbarStyle_$type } from "igniteui-webcomponents-core";
 import { IgcHTMLElement } from "igniteui-webcomponents-core";
+import { IgcCheckboxListIndexTypeChangedEventArgs } from './igc-checkbox-list-index-type-changed-event-args';
+import { IgcCheckboxListKeysClearedEventArgs } from './igc-checkbox-list-keys-cleared-event-args';
 export let IgcCheckboxListComponent = /*@__PURE__*/ (() => {
     class IgcCheckboxListComponent extends IgcHTMLElement {
         set height(value) {
@@ -64,6 +66,10 @@ export let IgcCheckboxListComponent = /*@__PURE__*/ (() => {
             this._selectedKeyRemoved_wrapped = null;
             this._checkedChanged = null;
             this._checkedChanged_wrapped = null;
+            this._indexTypeChanged = null;
+            this._indexTypeChanged_wrapped = null;
+            this._keysCleared = null;
+            this._keysCleared_wrapped = null;
             this._selectAllCheckboxChanged = null;
             this._selectAllCheckboxChanged_wrapped = null;
             if (this._styling) {
@@ -222,7 +228,7 @@ export let IgcCheckboxListComponent = /*@__PURE__*/ (() => {
         get keys() {
             if (this._keys === null) {
                 let coll = new IgcGridSelectedKeysCollection();
-                let innerColl = this.i.h;
+                let innerColl = this.i.keys;
                 if (!innerColl) {
                     innerColl = new GridSelectedKeysCollection_internal();
                 }
@@ -238,7 +244,7 @@ export let IgcCheckboxListComponent = /*@__PURE__*/ (() => {
             let coll = new IgcGridSelectedKeysCollection();
             this._keys = coll._fromOuter(v);
             let syncColl = new SyncableObservableCollection$1(PrimaryKeyValue.$type);
-            let innerColl = this.i.h;
+            let innerColl = this.i.keys;
             if (!innerColl) {
                 innerColl = new GridSelectedKeysCollection_internal();
             }
@@ -281,68 +287,68 @@ export let IgcCheckboxListComponent = /*@__PURE__*/ (() => {
          * Gets or Sets the property name that contains the values.
         */
         get filterPlaceholderText() {
-            return this.i.bi;
+            return this.i.bk;
         }
         set filterPlaceholderText(v) {
-            this.i.bi = v;
+            this.i.bk = v;
         }
         /**
          * Gets or Sets the property name that contains the values.
         */
         get searchInputType() {
-            return this.i.v;
+            return this.i.x;
         }
         set searchInputType(v) {
-            this.i.v = ensureEnum(InputGroupDisplayType_$type, v);
-            this._a("searchInputType", enumToString(InputGroupDisplayType_$type, this.i.v));
+            this.i.x = ensureEnum(InputGroupDisplayType_$type, v);
+            this._a("searchInputType", enumToString(InputGroupDisplayType_$type, this.i.x));
         }
         /**
          * Gets or Sets the property name that contains the values.
         */
         get rowHeight() {
-            return this.i.az;
+            return this.i.a1;
         }
         set rowHeight(v) {
-            this.i.az = +v;
-            this._a("rowHeight", this.i.az);
+            this.i.a1 = +v;
+            this._a("rowHeight", this.i.a1);
         }
         get actualRowHeight() {
-            return this.i.ax;
+            return this.i.az;
         }
         /**
          * Gets or Sets the property name that contains the values.
         */
         get cellTextStyle() {
-            if (this.i.ag == null) {
+            if (this.i.ai == null) {
                 return null;
             }
-            return this.i.ag.fontString;
+            return this.i.ai.fontString;
         }
         set cellTextStyle(v) {
             let fi = new FontInfo();
             fi.fontString = v;
-            this.i.ag = fi;
-            this._a("cellTextStyle", this.i.ag != null ? this.i.ag.fontString : "");
+            this.i.ai = fi;
+            this._a("cellTextStyle", this.i.ai != null ? this.i.ai.fontString : "");
         }
         /**
          * Gets or Sets the property name that contains the values.
         */
         get indexType() {
-            return this.i.l;
+            return this.i.indexType;
         }
         set indexType(v) {
-            this.i.l = ensureEnum(CheckboxListIndexType_$type, v);
-            this._a("indexType", enumToString(CheckboxListIndexType_$type, this.i.l));
+            this.i.indexType = ensureEnum(CheckboxListIndexType_$type, v);
+            this._a("indexType", enumToString(CheckboxListIndexType_$type, this.i.indexType));
         }
         /**
          * Gets or Sets the property name that contains the values.
         */
         get baseTheme() {
-            return this.i.aa;
+            return this.i.baseTheme;
         }
         set baseTheme(v) {
-            this.i.aa = ensureEnum(BaseControlTheme_$type, v);
-            this._a("baseTheme", enumToString(BaseControlTheme_$type, this.i.aa));
+            this.i.baseTheme = ensureEnum(BaseControlTheme_$type, v);
+            this._a("baseTheme", enumToString(BaseControlTheme_$type, this.i.baseTheme));
         }
         /**
          * Gets or Sets the property name that contains the values.
@@ -368,11 +374,11 @@ export let IgcCheckboxListComponent = /*@__PURE__*/ (() => {
          * Gets or sets the search background color.
         */
         get searchBackgroundColor() {
-            return brushToString(this.i.dz);
+            return brushToString(this.i.d8);
         }
         set searchBackgroundColor(v) {
-            this.i.dz = stringToBrush(v);
-            this._a("searchBackgroundColor", brushToString(this.i.dz));
+            this.i.d8 = stringToBrush(v);
+            this._a("searchBackgroundColor", brushToString(this.i.d8));
         }
         /**
          * Gets or sets the search text color.
@@ -388,125 +394,125 @@ export let IgcCheckboxListComponent = /*@__PURE__*/ (() => {
          * Gets or sets the search border color.
         */
         get searchBorderColor() {
-            return brushToString(this.i.d0);
+            return brushToString(this.i.d9);
         }
         set searchBorderColor(v) {
-            this.i.d0 = stringToBrush(v);
-            this._a("searchBorderColor", brushToString(this.i.d0));
+            this.i.d9 = stringToBrush(v);
+            this._a("searchBorderColor", brushToString(this.i.d9));
         }
         /**
          * Gets or sets the text style.
         */
         get searchTextStyle() {
-            if (this.i.ah == null) {
+            if (this.i.aj == null) {
                 return null;
             }
-            return this.i.ah.fontString;
+            return this.i.aj.fontString;
         }
         set searchTextStyle(v) {
             let fi = new FontInfo();
             fi.fontString = v;
-            this.i.ah = fi;
-            this._a("searchTextStyle", this.i.ah != null ? this.i.ah.fontString : "");
+            this.i.aj = fi;
+            this._a("searchTextStyle", this.i.aj != null ? this.i.aj.fontString : "");
         }
         /**
          * Gets or sets the checkbox tick color.
         */
         get checkboxTickColor() {
-            return brushToString(this.i.dr);
+            return brushToString(this.i.d0);
         }
         set checkboxTickColor(v) {
-            this.i.dr = stringToBrush(v);
-            this._a("checkboxTickColor", brushToString(this.i.dr));
+            this.i.d0 = stringToBrush(v);
+            this._a("checkboxTickColor", brushToString(this.i.d0));
         }
         /**
          * Gets or sets the checkbox background color when checked.
         */
         get checkboxCheckedBackgroundColor() {
-            return brushToString(this.i.dp);
+            return brushToString(this.i.dy);
         }
         set checkboxCheckedBackgroundColor(v) {
-            this.i.dp = stringToBrush(v);
-            this._a("checkboxCheckedBackgroundColor", brushToString(this.i.dp));
+            this.i.dy = stringToBrush(v);
+            this._a("checkboxCheckedBackgroundColor", brushToString(this.i.dy));
         }
         /**
          * Gets or sets the checkbox background color when unchecked.
         */
         get checkboxUncheckedBackgroundColor() {
-            return brushToString(this.i.ds);
+            return brushToString(this.i.d1);
         }
         set checkboxUncheckedBackgroundColor(v) {
-            this.i.ds = stringToBrush(v);
-            this._a("checkboxUncheckedBackgroundColor", brushToString(this.i.ds));
+            this.i.d1 = stringToBrush(v);
+            this._a("checkboxUncheckedBackgroundColor", brushToString(this.i.d1));
         }
         /**
          * Gets or sets the checkbox border color when checked.
         */
         get checkboxCheckedBorderColor() {
-            return brushToString(this.i.dq);
+            return brushToString(this.i.dz);
         }
         set checkboxCheckedBorderColor(v) {
-            this.i.dq = stringToBrush(v);
-            this._a("checkboxCheckedBorderColor", brushToString(this.i.dq));
+            this.i.dz = stringToBrush(v);
+            this._a("checkboxCheckedBorderColor", brushToString(this.i.dz));
         }
         /**
          * Gets or sets the checkbox border color when unchecked.
         */
         get checkboxUncheckedBorderColor() {
-            return brushToString(this.i.dt);
+            return brushToString(this.i.d2);
         }
         set checkboxUncheckedBorderColor(v) {
-            this.i.dt = stringToBrush(v);
-            this._a("checkboxUncheckedBorderColor", brushToString(this.i.dt));
+            this.i.d2 = stringToBrush(v);
+            this._a("checkboxUncheckedBorderColor", brushToString(this.i.d2));
         }
         /**
          * Gets or sets the style of scrollbar.
         */
         get scrollbarStyle() {
-            return this.i.y;
+            return this.i.aa;
         }
         set scrollbarStyle(v) {
-            this.i.y = ensureEnum(ScrollbarStyle_$type, v);
-            this._a("scrollbarStyle", enumToString(ScrollbarStyle_$type, this.i.y));
+            this.i.aa = ensureEnum(ScrollbarStyle_$type, v);
+            this._a("scrollbarStyle", enumToString(ScrollbarStyle_$type, this.i.aa));
         }
         /**
          * Gets or sets the scrollbar background color.
         */
         get scrollbarBackground() {
-            return brushToString(this.i.dy);
+            return brushToString(this.i.d7);
         }
         set scrollbarBackground(v) {
-            this.i.dy = stringToBrush(v);
-            this._a("scrollbarBackground", brushToString(this.i.dy));
+            this.i.d7 = stringToBrush(v);
+            this._a("scrollbarBackground", brushToString(this.i.d7));
         }
         /**
          * Gets / sets the caption of the "Select All" checkbox.
         */
         get selectAllCaption() {
-            return this.i.b0;
+            return this.i.b2;
         }
         set selectAllCaption(v) {
-            this.i.b0 = v;
+            this.i.b2 = v;
         }
         /**
          * Gets or sets the color to use for the "Select All" label.
         */
         get selectAllCaptionTextColor() {
-            return brushToString(this.i.d3);
+            return brushToString(this.i.ec);
         }
         set selectAllCaptionTextColor(v) {
-            this.i.d3 = stringToBrush(v);
-            this._a("selectAllCaptionTextColor", brushToString(this.i.d3));
+            this.i.ec = stringToBrush(v);
+            this._a("selectAllCaptionTextColor", brushToString(this.i.ec));
         }
         /**
          * Gets or sets the color to use for the actual header selectAllCaption text.
         */
         get actualSelectAllCaptionTextColor() {
-            return brushToString(this.i.dm);
+            return brushToString(this.i.dw);
         }
         set actualSelectAllCaptionTextColor(v) {
-            this.i.dm = stringToBrush(v);
-            this._a("actualSelectAllCaptionTextColor", brushToString(this.i.dm));
+            this.i.dw = stringToBrush(v);
+            this._a("actualSelectAllCaptionTextColor", brushToString(this.i.dw));
         }
         /**
          * Gets / sets whether the "Select all" checkbox is visible.
@@ -542,31 +548,31 @@ export let IgcCheckboxListComponent = /*@__PURE__*/ (() => {
          * Gets or sets the color to use for the text of the component.
         */
         get textColor() {
-            return brushToString(this.i.d5);
+            return brushToString(this.i.ee);
         }
         set textColor(v) {
-            this.i.d5 = stringToBrush(v);
-            this._a("textColor", brushToString(this.i.d5));
+            this.i.ee = stringToBrush(v);
+            this._a("textColor", brushToString(this.i.ee));
         }
         /**
          * Gets or sets whether the filter input is visible.
         */
         get showFilter() {
-            return this.i.as;
+            return this.i.au;
         }
         set showFilter(v) {
-            this.i.as = ensureBool(v);
-            this._a("showFilter", this.i.as);
+            this.i.au = ensureBool(v);
+            this._a("showFilter", this.i.au);
         }
         /**
          * Gets or sets whether row hover highlighting is enabled.
         */
         get isRowHoverEnabled() {
-            return this.i.ap;
+            return this.i.ar;
         }
         set isRowHoverEnabled(v) {
-            this.i.ap = ensureBool(v);
-            this._a("isRowHoverEnabled", this.i.ap);
+            this.i.ar = ensureBool(v);
+            this._a("isRowHoverEnabled", this.i.ar);
         }
         findByName(name) {
             if (this.findEphemera) {
@@ -637,17 +643,17 @@ export let IgcCheckboxListComponent = /*@__PURE__*/ (() => {
     
     */
         selectAll() {
-            this.i.c2();
+            this.i.db();
         }
         /**
          * Deselects all the items in the checkbox list.
         
         */
         deselectAll() {
-            this.i.cc();
+            this.i.cg();
         }
         notifySetItem(index, oldItem, newItem) {
-            this.i.ck(index, oldItem, newItem);
+            this.i.cq(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.
@@ -655,19 +661,19 @@ export let IgcCheckboxListComponent = /*@__PURE__*/ (() => {
         
         */
         notifyClearItems() {
-            this.i.ch();
+            this.i.cn();
         }
         notifyInsertItem(index, newItem) {
-            this.i.ci(index, newItem);
+            this.i.co(index, newItem);
         }
         notifyRemoveItem(index, oldItem) {
-            this.i.cj(index, oldItem);
+            this.i.cp(index, oldItem);
         }
         addKeyValue(value) {
-            this.i.b9(value);
+            this.i.cb(value);
         }
         removeKeyValue(value) {
-            this.i.c1(value);
+            this.i.c9(value);
         }
         getDesiredSize() {
             let iv = this.i.getDesiredSize();
@@ -678,7 +684,7 @@ export let IgcCheckboxListComponent = /*@__PURE__*/ (() => {
         
         */
         isNothingSelected() {
-            let iv = this.i.an();
+            let iv = this.i.ap();
             return (iv);
         }
         /**
@@ -686,7 +692,7 @@ export let IgcCheckboxListComponent = /*@__PURE__*/ (() => {
         
         */
         isEverythingSelected() {
-            let iv = this.i.am();
+            let iv = this.i.ao();
             return (iv);
         }
         /**
@@ -767,6 +773,52 @@ export let IgcCheckboxListComponent = /*@__PURE__*/ (() => {
             this.i.checkedChanged = delegateCombine(this.i.checkedChanged, this._checkedChanged_wrapped);
             ;
         }
+        get indexTypeChanged() {
+            return this._indexTypeChanged;
+        }
+        set indexTypeChanged(ev) {
+            if (this._indexTypeChanged_wrapped !== null) {
+                this.i.indexTypeChanged = delegateRemove(this.i.indexTypeChanged, this._indexTypeChanged_wrapped);
+                this._indexTypeChanged_wrapped = null;
+                this._indexTypeChanged = null;
+            }
+            this._indexTypeChanged = ev;
+            this._indexTypeChanged_wrapped = (o, e) => {
+                let outerArgs = new IgcCheckboxListIndexTypeChangedEventArgs();
+                outerArgs._provideImplementation(e);
+                if (this.beforeIndexTypeChanged) {
+                    this.beforeIndexTypeChanged(this, outerArgs);
+                }
+                if (this._indexTypeChanged) {
+                    this._indexTypeChanged(this, outerArgs);
+                }
+            };
+            this.i.indexTypeChanged = delegateCombine(this.i.indexTypeChanged, this._indexTypeChanged_wrapped);
+            ;
+        }
+        get keysCleared() {
+            return this._keysCleared;
+        }
+        set keysCleared(ev) {
+            if (this._keysCleared_wrapped !== null) {
+                this.i.keysCleared = delegateRemove(this.i.keysCleared, this._keysCleared_wrapped);
+                this._keysCleared_wrapped = null;
+                this._keysCleared = null;
+            }
+            this._keysCleared = ev;
+            this._keysCleared_wrapped = (o, e) => {
+                let outerArgs = new IgcCheckboxListKeysClearedEventArgs();
+                outerArgs._provideImplementation(e);
+                if (this.beforeKeysCleared) {
+                    this.beforeKeysCleared(this, outerArgs);
+                }
+                if (this._keysCleared) {
+                    this._keysCleared(this, outerArgs);
+                }
+            };
+            this.i.keysCleared = delegateCombine(this.i.keysCleared, this._keysCleared_wrapped);
+            ;
+        }
         /**
          * Called when the SelectAll checkbox is checked or unchecked.
         */

package/esm2015/lib/igc-checkbox-list-index-type-changed-event-args.js

@@ -0,0 +1,44 @@
+import { CheckboxListIndexType_$type } from "./CheckboxListIndexType";
+import { CheckboxListIndexTypeChangedEventArgs as CheckboxListIndexTypeChangedEventArgs_internal } from "./CheckboxListIndexTypeChangedEventArgs";
+import { ensureEnum } from "igniteui-webcomponents-core";
+export class IgcCheckboxListIndexTypeChangedEventArgs {
+    createImplementation() {
+        return new CheckboxListIndexTypeChangedEventArgs_internal();
+    }
+    /**
+     * @hidden
+     */
+    get i() {
+        return this._implementation;
+    }
+    onImplementationCreated() {
+    }
+    constructor() {
+        this._implementation = this.createImplementation();
+        this._implementation.externalObject = this;
+        this.onImplementationCreated();
+        if (this._initializeAdapters) {
+            this._initializeAdapters();
+        }
+    }
+    _provideImplementation(i) {
+        this._implementation = i;
+        this._implementation.externalObject = this;
+        this.onImplementationCreated();
+        if (this._initializeAdapters) {
+            this._initializeAdapters();
+        }
+    }
+    get oldValue() {
+        return this.i.b;
+    }
+    set oldValue(v) {
+        this.i.b = ensureEnum(CheckboxListIndexType_$type, v);
+    }
+    get newValue() {
+        return this.i.a;
+    }
+    set newValue(v) {
+        this.i.a = ensureEnum(CheckboxListIndexType_$type, v);
+    }
+}

package/esm2015/lib/igc-checkbox-list-keys-cleared-event-args.js

@@ -0,0 +1,30 @@
+import { CheckboxListKeysClearedEventArgs as CheckboxListKeysClearedEventArgs_internal } from "./CheckboxListKeysClearedEventArgs";
+export class IgcCheckboxListKeysClearedEventArgs {
+    createImplementation() {
+        return new CheckboxListKeysClearedEventArgs_internal();
+    }
+    /**
+     * @hidden
+     */
+    get i() {
+        return this._implementation;
+    }
+    onImplementationCreated() {
+    }
+    constructor() {
+        this._implementation = this.createImplementation();
+        this._implementation.externalObject = this;
+        this.onImplementationCreated();
+        if (this._initializeAdapters) {
+            this._initializeAdapters();
+        }
+    }
+    _provideImplementation(i) {
+        this._implementation = i;
+        this._implementation.externalObject = this;
+        this.onImplementationCreated();
+        if (this._initializeAdapters) {
+            this._initializeAdapters();
+        }
+    }
+}

package/esm2015/lib/igc-column-moving-separator-component.js

@@ -23,6 +23,12 @@ export let IgcColumnMovingSeparatorComponent = /*@__PURE__*/ (() => {
             if (this.i.connectedCallback) {
                 this.i.connectedCallback();
             }
+            if (this.updateContentChildren) {
+                this.updateContentChildren();
+            }
+            else if (this._updateAdapters) {
+                this._updateAdapters();
+            }
             if (!this._attached) {
                 this._attached = true;
                 this._flushQueuedAttributes();
@@ -59,25 +65,25 @@ export let IgcColumnMovingSeparatorComponent = /*@__PURE__*/ (() => {
          * Gets or sets the separator width for this column.
         */
         get separatorWidth() {
-            return this.i.er;
+            return this.i.g3;
         }
         set separatorWidth(v) {
-            this.i.er = +v;
-            this._a("separatorWidth", this.i.er);
+            this.i.g3 = +v;
+            this._a("separatorWidth", this.i.g3);
         }
         get actualOpacity() {
-            return this.i.eo;
+            return this.i.g0;
         }
         set actualOpacity(v) {
-            this.i.eo = +v;
-            this._a("actualOpacity", this.i.eo);
+            this.i.g0 = +v;
+            this._a("actualOpacity", this.i.g0);
         }
         get opacity() {
-            return this.i.ep;
+            return this.i.g1;
         }
         set opacity(v) {
-            this.i.ep = +v;
-            this._a("opacity", this.i.ep);
+            this.i.g1 = +v;
+            this._a("opacity", this.i.g1);
         }
     }
     IgcColumnMovingSeparatorComponent._observedAttributesIgcColumnMovingSeparatorComponent = null;

package/esm2015/lib/igc-column-resizing-separator-component.js

@@ -23,6 +23,12 @@ export let IgcColumnResizingSeparatorComponent = /*@__PURE__*/ (() => {
             if (this.i.connectedCallback) {
                 this.i.connectedCallback();
             }
+            if (this.updateContentChildren) {
+                this.updateContentChildren();
+            }
+            else if (this._updateAdapters) {
+                this._updateAdapters();
+            }
             if (!this._attached) {
                 this._attached = true;
                 this._flushQueuedAttributes();
@@ -56,18 +62,18 @@ export let IgcColumnResizingSeparatorComponent = /*@__PURE__*/ (() => {
             }
         }
         get actualOpacity() {
-            return this.i.eo;
+            return this.i.g0;
         }
         set actualOpacity(v) {
-            this.i.eo = +v;
-            this._a("actualOpacity", this.i.eo);
+            this.i.g0 = +v;
+            this._a("actualOpacity", this.i.g0);
         }
         get opacity() {
-            return this.i.ep;
+            return this.i.g1;
         }
         set opacity(v) {
-            this.i.ep = +v;
-            this._a("opacity", this.i.ep);
+            this.i.g1 = +v;
+            this._a("opacity", this.i.g1);
         }
     }
     IgcColumnResizingSeparatorComponent._observedAttributesIgcColumnResizingSeparatorComponent = null;