jqwidgets-ng 14.1.17 → 14.1.19

package/esm2020/jqxcheckboxgroup/angular_jqxcheckboxgroup.mjs

@@ -0,0 +1,264 @@
+/// <reference path="../../jqwidgets.d.ts" />
+/// <reference path="../../jqwidgets.d.ts" />
+import { Component, Input } from '@angular/core';
+import * as i0 from "@angular/core";
+export class jqxCheckBoxGroupComponent {
+    constructor(containerElement) {
+        this.autoCreate = true;
+        this.properties = ['change', 'disabled', 'items', 'value', 'layout', 'labelPosition', 'rtl', 'theme'];
+        this.elementRef = containerElement;
+    }
+    ngOnInit() {
+        if (this.autoCreate) {
+            this.createComponent();
+        }
+    }
+    ;
+    ngOnChanges(changes) {
+        if (this.host) {
+            for (let i = 0; i < this.properties.length; i++) {
+                let attrName = 'attr' + this.properties[i].substring(0, 1).toUpperCase() + this.properties[i].substring(1);
+                let areEqual = false;
+                if (this[attrName] !== undefined) {
+                    if (typeof this[attrName] === 'object') {
+                        if (this[attrName] instanceof Array) {
+                            areEqual = this.arraysEqual(this[attrName], this.host.jqxCheckBoxGroup(this.properties[i]));
+                        }
+                        if (areEqual) {
+                            return false;
+                        }
+                        this.host.jqxCheckBoxGroup(this.properties[i], this[attrName]);
+                        continue;
+                    }
+                    if (this[attrName] !== this.host.jqxCheckBoxGroup(this.properties[i])) {
+                        this.host.jqxCheckBoxGroup(this.properties[i], this[attrName]);
+                    }
+                }
+            }
+        }
+    }
+    arraysEqual(attrValue, hostValue) {
+        if ((attrValue && !hostValue) || (!attrValue && hostValue)) {
+            return false;
+        }
+        if (attrValue.length != hostValue.length) {
+            return false;
+        }
+        for (let i = 0; i < attrValue.length; i++) {
+            if (attrValue[i] !== hostValue[i]) {
+                return false;
+            }
+        }
+        return true;
+    }
+    manageAttributes() {
+        let options = {};
+        for (let i = 0; i < this.properties.length; i++) {
+            let attrName = 'attr' + this.properties[i].substring(0, 1).toUpperCase() + this.properties[i].substring(1);
+            if (this[attrName] !== undefined) {
+                options[this.properties[i]] = this[attrName];
+            }
+        }
+        return options;
+    }
+    moveClasses(parentEl, childEl) {
+        let classes = parentEl.classList;
+        if (classes.length > 0) {
+            childEl.classList.add(...classes);
+        }
+        parentEl.className = '';
+    }
+    moveStyles(parentEl, childEl) {
+        let style = parentEl.style.cssText;
+        childEl.style.cssText = style;
+        parentEl.style.cssText = '';
+    }
+    createComponent(options) {
+        if (this.host) {
+            return;
+        }
+        if (options) {
+            JQXLite.extend(options, this.manageAttributes());
+        }
+        else {
+            options = this.manageAttributes();
+        }
+        this.host = JQXLite(this.elementRef.nativeElement.firstChild);
+        this.moveClasses(this.elementRef.nativeElement, this.host[0]);
+        this.moveStyles(this.elementRef.nativeElement, this.host[0]);
+        this.__wireEvents__();
+        this.widgetObject = jqwidgets.createInstance(this.host, 'jqxCheckBoxGroup', options);
+    }
+    createWidget(options) {
+        this.createComponent(options);
+    }
+    __updateRect__() {
+        if (this.host)
+            this.host.css({ width: this.attrWidth, height: this.attrHeight });
+    }
+    setOptions(options) {
+        this.host.jqxCheckBoxGroup('setOptions', options);
+    }
+    // jqxCheckBoxGroupComponent properties
+    change(arg) {
+        if (arg !== undefined) {
+            this.host.jqxCheckBoxGroup('change', arg);
+        }
+        else {
+            return this.host.jqxCheckBoxGroup('change');
+        }
+    }
+    disabled(arg) {
+        if (arg !== undefined) {
+            this.host.jqxCheckBoxGroup('disabled', arg);
+        }
+        else {
+            return this.host.jqxCheckBoxGroup('disabled');
+        }
+    }
+    items(arg) {
+        if (arg !== undefined) {
+            this.host.jqxCheckBoxGroup('items', arg);
+        }
+        else {
+            return this.host.jqxCheckBoxGroup('items');
+        }
+    }
+    value(arg) {
+        if (arg !== undefined) {
+            this.host.jqxCheckBoxGroup('value', arg);
+        }
+        else {
+            return this.host.jqxCheckBoxGroup('value');
+        }
+    }
+    layout(arg) {
+        if (arg !== undefined) {
+            this.host.jqxCheckBoxGroup('layout', arg);
+        }
+        else {
+            return this.host.jqxCheckBoxGroup('layout');
+        }
+    }
+    labelPosition(arg) {
+        if (arg !== undefined) {
+            this.host.jqxCheckBoxGroup('labelPosition', arg);
+        }
+        else {
+            return this.host.jqxCheckBoxGroup('labelPosition');
+        }
+    }
+    rtl(arg) {
+        if (arg !== undefined) {
+            this.host.jqxCheckBoxGroup('rtl', arg);
+        }
+        else {
+            return this.host.jqxCheckBoxGroup('rtl');
+        }
+    }
+    theme(arg) {
+        if (arg !== undefined) {
+            this.host.jqxCheckBoxGroup('theme', arg);
+        }
+        else {
+            return this.host.jqxCheckBoxGroup('theme');
+        }
+    }
+    // jqxCheckBoxGroupComponent functions
+    getValue() {
+        return this.host.jqxCheckBoxGroup('getValue');
+    }
+    getValueAt(index) {
+        return this.host.jqxCheckBoxGroup('getValueAt', index);
+    }
+    enableAt(index) {
+        this.host.jqxCheckBoxGroup('enableAt', index);
+    }
+    disableAt(index) {
+        this.host.jqxCheckBoxGroup('disableAt', index);
+    }
+    checkAt(index) {
+        this.host.jqxCheckBoxGroup('checkAt', index);
+    }
+    uncheckAt(index) {
+        this.host.jqxCheckBoxGroup('uncheckAt', index);
+    }
+    uncheckAll() {
+        this.host.jqxCheckBoxGroup('uncheckAll');
+    }
+    checkAll() {
+        this.host.jqxCheckBoxGroup('checkAll');
+    }
+    checkValue(value) {
+        this.host.jqxCheckBoxGroup('checkValue', value);
+    }
+    uncheckValue(value) {
+        this.host.jqxCheckBoxGroup('uncheckValue', value);
+    }
+    disable() {
+        this.host.jqxCheckBoxGroup('disable');
+    }
+    destroy() {
+        this.host.jqxCheckBoxGroup('destroy');
+    }
+    enable() {
+        this.host.jqxCheckBoxGroup('enable');
+    }
+    render() {
+        this.host.jqxCheckBoxGroup('render');
+    }
+    val(value) {
+        if (value !== undefined) {
+            return this.host.jqxCheckBoxGroup('val', value);
+        }
+        else {
+            return this.host.jqxCheckBoxGroup('val');
+        }
+    }
+    ;
+    // jqxCheckBoxGroupComponent events
+    __wireEvents__() {
+    }
+} //jqxCheckBoxGroupComponent
+jqxCheckBoxGroupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: jqxCheckBoxGroupComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
+jqxCheckBoxGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.7", type: jqxCheckBoxGroupComponent, selector: "jqxCheckBoxGroup", inputs: { attrChange: ["change", "attrChange"], attrDisabled: ["disabled", "attrDisabled"], attrItems: ["items", "attrItems"], attrValue: ["value", "attrValue"], attrLayout: ["layout", "attrLayout"], attrLabelPosition: ["labelPosition", "attrLabelPosition"], attrRtl: ["rtl", "attrRtl"], attrTheme: ["theme", "attrTheme"], attrWidth: ["width", "attrWidth"], attrHeight: ["height", "attrHeight"], autoCreate: ["auto-create", "autoCreate"] }, usesOnChanges: true, ngImport: i0, template: '<div><ng-content></ng-content></div>', isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: jqxCheckBoxGroupComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'jqxCheckBoxGroup',
+                    template: '<div><ng-content></ng-content></div>'
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { attrChange: [{
+                type: Input,
+                args: ['change']
+            }], attrDisabled: [{
+                type: Input,
+                args: ['disabled']
+            }], attrItems: [{
+                type: Input,
+                args: ['items']
+            }], attrValue: [{
+                type: Input,
+                args: ['value']
+            }], attrLayout: [{
+                type: Input,
+                args: ['layout']
+            }], attrLabelPosition: [{
+                type: Input,
+                args: ['labelPosition']
+            }], attrRtl: [{
+                type: Input,
+                args: ['rtl']
+            }], attrTheme: [{
+                type: Input,
+                args: ['theme']
+            }], attrWidth: [{
+                type: Input,
+                args: ['width']
+            }], attrHeight: [{
+                type: Input,
+                args: ['height']
+            }], autoCreate: [{
+                type: Input,
+                args: ['auto-create']
+            }] } });

package/esm2020/jqxcheckboxgroup/angular_jqxcheckboxgroup.module.mjs

@@ -0,0 +1,21 @@
+import { NgModule } from '@angular/core';
+import { FormsModule } from '@angular/forms';
+import { jqxCheckBoxGroupComponent } from './angular_jqxcheckboxgroup';
+import * as i0 from "@angular/core";
+export class jqxCheckBoxGroupModule {
+}
+jqxCheckBoxGroupModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: jqxCheckBoxGroupModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+jqxCheckBoxGroupModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: jqxCheckBoxGroupModule, declarations: [jqxCheckBoxGroupComponent], imports: [FormsModule], exports: [jqxCheckBoxGroupComponent] });
+jqxCheckBoxGroupModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: jqxCheckBoxGroupModule, imports: [[
+            FormsModule
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: jqxCheckBoxGroupModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        FormsModule
+                    ],
+                    declarations: [jqxCheckBoxGroupComponent],
+                    exports: [jqxCheckBoxGroupComponent]
+                }]
+        }] });

package/esm2020/jqxcheckboxgroup/index.mjs

@@ -0,0 +1 @@
+export * from './public_api';

package/esm2020/jqxcheckboxgroup/jqwidgets-ng-jqxcheckboxgroup.mjs

@@ -0,0 +1,4 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+export * from './index';

package/esm2020/jqxcheckboxgroup/public_api.mjs

@@ -0,0 +1,2 @@
+export * from './angular_jqxcheckboxgroup';
+export * from './angular_jqxcheckboxgroup.module';

package/esm2020/jqxdropdownlist/angular_jqxdropdownlist.mjs

@@ -12,7 +12,7 @@ const CUSTOM_INPUT_CONTROL_VALUE_ACCESSOR = {
 export class jqxDropDownListComponent {
     constructor(containerElement) {
         this.autoCreate = true;
-        this.properties = ['autoOpen', 'autoDropDownHeight', 'animationType', 'checkboxes', 'closeDelay', 'disabled', 'displayMember', 'dropDownHorizontalAlignment', 'dropDownVerticalAlignment', 'dropDownHeight', 'dropDownWidth', 'enableSelection', 'enableBrowserBoundsDetection', 'enableHover', 'filterable', 'filterHeight', 'filterDelay', 'filterPlaceHolder', 'height', 'incrementalSearch', 'incrementalSearchDelay', 'itemHeight', 'openDelay', 'placeHolder', 'popupZIndex', 'rtl', 'renderer', 'selectionRenderer', 'searchMode', 'source', 'selectedIndex', 'theme', 'template', 'valueMember', 'width'];
+        this.properties = ['autoOpen', 'autoDropDownHeight', 'animationType', 'checkboxes', 'closeDelay', 'disabled', 'displayMember', 'dropDownHorizontalAlignment', 'dropDownVerticalAlignment', 'dropDownHeight', 'dropDownWidth', 'enableSelection', 'enableBrowserBoundsDetection', 'enableHover', 'filterable', 'filterHeight', 'filterDelay', 'filterPlaceHolder', 'height', 'incrementalSearch', 'incrementalSearchDelay', 'itemHeight', 'openDelay', 'placeHolder', 'popupZIndex', 'rtl', 'renderer', 'selectionRenderer', 'searchMode', 'source', 'selectedIndex', 'scrollBarSize', 'theme', 'template', 'valueMember', 'width'];
         this.onTouchedCallback = noop;
         this.onChangeCallback = noop;
         // jqxDropDownListComponent events
@@ -501,6 +501,17 @@ export class jqxDropDownListComponent {
             return this.host.jqxDropDownList('selectedIndex');
         }
     }
+    scrollBarSize(arg) {
+        if (this.autoCreate && !this.host) {
+            this.createComponent();
+        }
+        if (arg !== undefined) {
+            this.host.jqxDropDownList('scrollBarSize', arg);
+        }
+        else {
+            return this.host.jqxDropDownList('scrollBarSize');
+        }
+    }
     theme(arg) {
         if (this.autoCreate && !this.host) {
             this.createComponent();
@@ -801,7 +812,7 @@ export class jqxDropDownListComponent {
     }
 } //jqxDropDownListComponent
 jqxDropDownListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: jqxDropDownListComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
-jqxDropDownListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.7", type: jqxDropDownListComponent, selector: "jqxDropDownList", inputs: { attrAutoOpen: ["autoOpen", "attrAutoOpen"], attrAutoDropDownHeight: ["autoDropDownHeight", "attrAutoDropDownHeight"], attrAnimationType: ["animationType", "attrAnimationType"], attrCheckboxes: ["checkboxes", "attrCheckboxes"], attrCloseDelay: ["closeDelay", "attrCloseDelay"], attrDisabled: ["disabled", "attrDisabled"], attrDisplayMember: ["displayMember", "attrDisplayMember"], attrDropDownHorizontalAlignment: ["dropDownHorizontalAlignment", "attrDropDownHorizontalAlignment"], attrDropDownVerticalAlignment: ["dropDownVerticalAlignment", "attrDropDownVerticalAlignment"], attrDropDownHeight: ["dropDownHeight", "attrDropDownHeight"], attrDropDownWidth: ["dropDownWidth", "attrDropDownWidth"], attrEnableSelection: ["enableSelection", "attrEnableSelection"], attrEnableBrowserBoundsDetection: ["enableBrowserBoundsDetection", "attrEnableBrowserBoundsDetection"], attrEnableHover: ["enableHover", "attrEnableHover"], attrFilterable: ["filterable", "attrFilterable"], attrFilterHeight: ["filterHeight", "attrFilterHeight"], attrFilterDelay: ["filterDelay", "attrFilterDelay"], attrFilterPlaceHolder: ["filterPlaceHolder", "attrFilterPlaceHolder"], attrIncrementalSearch: ["incrementalSearch", "attrIncrementalSearch"], attrIncrementalSearchDelay: ["incrementalSearchDelay", "attrIncrementalSearchDelay"], attrItemHeight: ["itemHeight", "attrItemHeight"], attrOpenDelay: ["openDelay", "attrOpenDelay"], attrPlaceHolder: ["placeHolder", "attrPlaceHolder"], attrPopupZIndex: ["popupZIndex", "attrPopupZIndex"], attrRtl: ["rtl", "attrRtl"], attrRenderer: ["renderer", "attrRenderer"], attrSelectionRenderer: ["selectionRenderer", "attrSelectionRenderer"], attrSearchMode: ["searchMode", "attrSearchMode"], attrSource: ["source", "attrSource"], attrSelectedIndex: ["selectedIndex", "attrSelectedIndex"], attrTheme: ["theme", "attrTheme"], attrTemplate: ["template", "attrTemplate"], attrValueMember: ["valueMember", "attrValueMember"], attrWidth: ["width", "attrWidth"], attrHeight: ["height", "attrHeight"], autoCreate: ["auto-create", "autoCreate"] }, outputs: { onBindingComplete: "onBindingComplete", onClose: "onClose", onCheckChange: "onCheckChange", onChange: "onChange", onOpen: "onOpen", onSelect: "onSelect", onUnselect: "onUnselect" }, providers: [CUSTOM_INPUT_CONTROL_VALUE_ACCESSOR], usesOnChanges: true, ngImport: i0, template: '<div><ng-content></ng-content></div>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+jqxDropDownListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.7", type: jqxDropDownListComponent, selector: "jqxDropDownList", inputs: { attrAutoOpen: ["autoOpen", "attrAutoOpen"], attrAutoDropDownHeight: ["autoDropDownHeight", "attrAutoDropDownHeight"], attrAnimationType: ["animationType", "attrAnimationType"], attrCheckboxes: ["checkboxes", "attrCheckboxes"], attrCloseDelay: ["closeDelay", "attrCloseDelay"], attrDisabled: ["disabled", "attrDisabled"], attrDisplayMember: ["displayMember", "attrDisplayMember"], attrDropDownHorizontalAlignment: ["dropDownHorizontalAlignment", "attrDropDownHorizontalAlignment"], attrDropDownVerticalAlignment: ["dropDownVerticalAlignment", "attrDropDownVerticalAlignment"], attrDropDownHeight: ["dropDownHeight", "attrDropDownHeight"], attrDropDownWidth: ["dropDownWidth", "attrDropDownWidth"], attrEnableSelection: ["enableSelection", "attrEnableSelection"], attrEnableBrowserBoundsDetection: ["enableBrowserBoundsDetection", "attrEnableBrowserBoundsDetection"], attrEnableHover: ["enableHover", "attrEnableHover"], attrFilterable: ["filterable", "attrFilterable"], attrFilterHeight: ["filterHeight", "attrFilterHeight"], attrFilterDelay: ["filterDelay", "attrFilterDelay"], attrFilterPlaceHolder: ["filterPlaceHolder", "attrFilterPlaceHolder"], attrIncrementalSearch: ["incrementalSearch", "attrIncrementalSearch"], attrIncrementalSearchDelay: ["incrementalSearchDelay", "attrIncrementalSearchDelay"], attrItemHeight: ["itemHeight", "attrItemHeight"], attrOpenDelay: ["openDelay", "attrOpenDelay"], attrPlaceHolder: ["placeHolder", "attrPlaceHolder"], attrPopupZIndex: ["popupZIndex", "attrPopupZIndex"], attrRtl: ["rtl", "attrRtl"], attrRenderer: ["renderer", "attrRenderer"], attrSelectionRenderer: ["selectionRenderer", "attrSelectionRenderer"], attrSearchMode: ["searchMode", "attrSearchMode"], attrSource: ["source", "attrSource"], attrSelectedIndex: ["selectedIndex", "attrSelectedIndex"], attrScrollBarSize: ["scrollBarSize", "attrScrollBarSize"], attrTheme: ["theme", "attrTheme"], attrTemplate: ["template", "attrTemplate"], attrValueMember: ["valueMember", "attrValueMember"], attrWidth: ["width", "attrWidth"], attrHeight: ["height", "attrHeight"], autoCreate: ["auto-create", "autoCreate"] }, outputs: { onBindingComplete: "onBindingComplete", onClose: "onClose", onCheckChange: "onCheckChange", onChange: "onChange", onOpen: "onOpen", onSelect: "onSelect", onUnselect: "onUnselect" }, providers: [CUSTOM_INPUT_CONTROL_VALUE_ACCESSOR], usesOnChanges: true, ngImport: i0, template: '<div><ng-content></ng-content></div>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: jqxDropDownListComponent, decorators: [{
             type: Component,
             args: [{
@@ -900,6 +911,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImpor
             }], attrSelectedIndex: [{
                 type: Input,
                 args: ['selectedIndex']
+            }], attrScrollBarSize: [{
+                type: Input,
+                args: ['scrollBarSize']
             }], attrTheme: [{
                 type: Input,
                 args: ['theme']

package/esm2020/jqxgrid/angular_jqxgrid.mjs

@@ -5,7 +5,7 @@ import * as i0 from "@angular/core";
 export class jqxGridComponent {
     constructor(containerElement) {
         this.autoCreate = true;
-        this.properties = ['altrows', 'altstart', 'altstep', 'autoshowloadelement', 'autoshowfiltericon', 'autoshowcolumnsmenubutton', 'showcolumnlines', 'showrowlines', 'showcolumnheaderlines', 'adaptive', 'adaptivewidth', 'commandcolumn', 'commandcolumnrenderer', 'clipboard', 'closeablegroups', 'columnsmenuwidth', 'columnmenuopening', 'columnmenuclosing', 'cellhover', 'enablekeyboarddelete', 'enableellipsis', 'enablemousewheel', 'enableanimations', 'enabletooltips', 'enablehover', 'enablebrowserselection', 'everpresentrowposition', 'everpresentrowheight', 'everpresentrowactions', 'everpresentrowactionsmode', 'filterrowheight', 'filtermode', 'groupsrenderer', 'groupcolumnrenderer', 'groupsexpandedbydefault', 'handlekeyboardnavigation', 'pagerrenderer', 'rtl', 'showdefaultloadelement', 'showfiltercolumnbackground', 'showfiltermenuitems', 'showpinnedcolumnbackground', 'showsortcolumnbackground', 'showsortmenuitems', 'showgroupmenuitems', 'showrowdetailscolumn', 'showheader', 'showgroupsheader', 'showaggregates', 'showgroupaggregates', 'showeverpresentrow', 'showfilterrow', 'showemptyrow', 'showstatusbar', 'statusbarheight', 'showtoolbar', 'showfilterbar', 'filterbarmode', 'selectionmode', 'updatefilterconditions', 'updatefilterpanel', 'theme', 'toolbarheight', 'autoheight', 'autorowheight', 'columnsheight', 'deferreddatafields', 'groupsheaderheight', 'groupindentwidth', 'height', 'pagerheight', 'rowsheight', 'scrollbarsize', 'scrollmode', 'scrollfeedback', 'width', 'autosavestate', 'autoloadstate', 'columns', 'enableSanitize', 'cardview', 'cardviewcolumns', 'cardheight', 'cardsize', 'columngroups', 'columnsmenu', 'columnsresize', 'columnsautoresize', 'columnsreorder', 'charting', 'disabled', 'editable', 'batcheditable', 'editmode', 'filter', 'filterable', 'groupable', 'groups', 'horizontalscrollbarstep', 'horizontalscrollbarlargestep', 'initrowdetails', 'keyboardnavigation', 'localization', 'pagesize', 'pagesizeoptions', 'pagermode', 'pagerbuttonscount', 'pageable', 'autofill', 'rowdetails', 'rowdetailstemplate', 'ready', 'rendered', 'renderstatusbar', 'rendertoolbar', 'rendergridrows', 'sortable', 'sortmode', 'selectedrowindex', 'selectedrowindexes', 'source', 'sorttogglestates', 'updatedelay', 'virtualmode', 'verticalscrollbarstep', 'verticalscrollbarlargestep'];
+        this.properties = ['altrows', 'altstart', 'altstep', 'autoshowloadelement', 'autoshowfiltericon', 'autoshowcolumnsmenubutton', 'showcolumnlines', 'showrowlines', 'showcolumnheaderlines', 'adaptive', 'adaptivewidth', 'commandcolumn', 'commandcolumnrenderer', 'clipboard', 'closeablegroups', 'columnsmenuwidth', 'columnmenuopening', 'columnmenuclosing', 'cellhover', 'enablekeyboarddelete', 'enableellipsis', 'enablemousewheel', 'enableanimations', 'enabletooltips', 'enablehover', 'enablebrowserselection', 'everpresentrowposition', 'everpresentrowheight', 'everpresentrowactions', 'everpresentrowactionsmode', 'filterrowheight', 'filtermode', 'groupsrenderer', 'groupcolumnrenderer', 'groupsexpandedbydefault', 'handlekeyboardnavigation', 'pagerrenderer', 'rtl', 'showdefaultloadelement', 'showfiltercolumnbackground', 'showfiltermenuitems', 'showpinnedcolumnbackground', 'showsortcolumnbackground', 'showsortmenuitems', 'showgroupmenuitems', 'showrowdetailscolumn', 'showheader', 'showgroupsheader', 'showaggregates', 'showgroupaggregates', 'showeverpresentrow', 'showfilterrow', 'showemptyrow', 'showstatusbar', 'statusbarheight', 'showtoolbar', 'showfilterbar', 'filterbarmode', 'selectionmode', 'updatefilterconditions', 'updatefilterpanel', 'theme', 'toolbarheight', 'autoheight', 'autorowheight', 'columnsheight', 'deferreddatafields', 'groupsheaderheight', 'groupindentwidth', 'height', 'pagerheight', 'rowsheight', 'scrollbarsize', 'scrollmode', 'scrollfeedback', 'width', 'autosavestate', 'autoloadstate', 'columns', 'enableSanitize', 'cardview', 'cardviewcolumns', 'cardheight', 'cardsize', 'columngroups', 'columnsmenu', 'columnsresize', 'columnsautoresize', 'columnsreorder', 'charting', 'disabled', 'editable', 'batcheditable', 'editmode', 'filter', 'filterable', 'groupable', 'groups', 'horizontalscrollbarstep', 'horizontalscrollbarlargestep', 'initrowdetails', 'keyboardnavigation', 'localization', 'pagesize', 'pagesizeoptions', 'pagermode', 'pagerbuttonscount', 'pageable', 'autofill', 'rowdetails', 'rowdetailstemplate', 'ready', 'rendered', 'renderstatusbar', 'rendertoolbar', 'rendergridrows', 'sortable', 'sortmode', 'sortmodekey', 'selectedrowindex', 'selectedrowindexes', 'source', 'sorttogglestates', 'updatedelay', 'virtualmode', 'verticalscrollbarstep', 'verticalscrollbarlargestep'];
         // jqxGridComponent events
         this.onBindingcomplete = new EventEmitter();
         this.onColumnresized = new EventEmitter();
@@ -1461,6 +1461,17 @@ export class jqxGridComponent {
             return this.host.jqxGrid('sortmode');
         }
     }
+    sortmodekey(arg) {
+        if (this.autoCreate && !this.host) {
+            this.createComponent();
+        }
+        if (arg !== undefined) {
+            this.host.jqxGrid('sortmodekey', arg);
+        }
+        else {
+            return this.host.jqxGrid('sortmodekey');
+        }
+    }
     selectedrowindex(arg) {
         if (this.autoCreate && !this.host) {
             this.createComponent();
@@ -2214,7 +2225,7 @@ export class jqxGridComponent {
     }
 } //jqxGridComponent
 jqxGridComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: jqxGridComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
-jqxGridComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.7", type: jqxGridComponent, selector: "jqxGrid", inputs: { attrAltrows: ["altrows", "attrAltrows"], attrAltstart: ["altstart", "attrAltstart"], attrAltstep: ["altstep", "attrAltstep"], attrAutoshowloadelement: ["autoshowloadelement", "attrAutoshowloadelement"], attrAutoshowfiltericon: ["autoshowfiltericon", "attrAutoshowfiltericon"], attrAutoshowcolumnsmenubutton: ["autoshowcolumnsmenubutton", "attrAutoshowcolumnsmenubutton"], attrShowcolumnlines: ["showcolumnlines", "attrShowcolumnlines"], attrShowrowlines: ["showrowlines", "attrShowrowlines"], attrShowcolumnheaderlines: ["showcolumnheaderlines", "attrShowcolumnheaderlines"], attrAdaptive: ["adaptive", "attrAdaptive"], attrAdaptivewidth: ["adaptivewidth", "attrAdaptivewidth"], attrCommandcolumn: ["commandcolumn", "attrCommandcolumn"], attrCommandcolumnrenderer: ["commandcolumnrenderer", "attrCommandcolumnrenderer"], attrClipboard: ["clipboard", "attrClipboard"], attrCloseablegroups: ["closeablegroups", "attrCloseablegroups"], attrColumnsmenuwidth: ["columnsmenuwidth", "attrColumnsmenuwidth"], attrColumnmenuopening: ["columnmenuopening", "attrColumnmenuopening"], attrColumnmenuclosing: ["columnmenuclosing", "attrColumnmenuclosing"], attrCellhover: ["cellhover", "attrCellhover"], attrEnablekeyboarddelete: ["enablekeyboarddelete", "attrEnablekeyboarddelete"], attrEnableellipsis: ["enableellipsis", "attrEnableellipsis"], attrEnablemousewheel: ["enablemousewheel", "attrEnablemousewheel"], attrEnableanimations: ["enableanimations", "attrEnableanimations"], attrEnabletooltips: ["enabletooltips", "attrEnabletooltips"], attrEnablehover: ["enablehover", "attrEnablehover"], attrEnablebrowserselection: ["enablebrowserselection", "attrEnablebrowserselection"], attrEverpresentrowposition: ["everpresentrowposition", "attrEverpresentrowposition"], attrEverpresentrowheight: ["everpresentrowheight", "attrEverpresentrowheight"], attrEverpresentrowactions: ["everpresentrowactions", "attrEverpresentrowactions"], attrEverpresentrowactionsmode: ["everpresentrowactionsmode", "attrEverpresentrowactionsmode"], attrFilterrowheight: ["filterrowheight", "attrFilterrowheight"], attrFiltermode: ["filtermode", "attrFiltermode"], attrGroupsrenderer: ["groupsrenderer", "attrGroupsrenderer"], attrGroupcolumnrenderer: ["groupcolumnrenderer", "attrGroupcolumnrenderer"], attrGroupsexpandedbydefault: ["groupsexpandedbydefault", "attrGroupsexpandedbydefault"], attrHandlekeyboardnavigation: ["handlekeyboardnavigation", "attrHandlekeyboardnavigation"], attrPagerrenderer: ["pagerrenderer", "attrPagerrenderer"], attrRtl: ["rtl", "attrRtl"], attrShowdefaultloadelement: ["showdefaultloadelement", "attrShowdefaultloadelement"], attrShowfiltercolumnbackground: ["showfiltercolumnbackground", "attrShowfiltercolumnbackground"], attrShowfiltermenuitems: ["showfiltermenuitems", "attrShowfiltermenuitems"], attrShowpinnedcolumnbackground: ["showpinnedcolumnbackground", "attrShowpinnedcolumnbackground"], attrShowsortcolumnbackground: ["showsortcolumnbackground", "attrShowsortcolumnbackground"], attrShowsortmenuitems: ["showsortmenuitems", "attrShowsortmenuitems"], attrShowgroupmenuitems: ["showgroupmenuitems", "attrShowgroupmenuitems"], attrShowrowdetailscolumn: ["showrowdetailscolumn", "attrShowrowdetailscolumn"], attrShowheader: ["showheader", "attrShowheader"], attrShowgroupsheader: ["showgroupsheader", "attrShowgroupsheader"], attrShowaggregates: ["showaggregates", "attrShowaggregates"], attrShowgroupaggregates: ["showgroupaggregates", "attrShowgroupaggregates"], attrShoweverpresentrow: ["showeverpresentrow", "attrShoweverpresentrow"], attrShowfilterrow: ["showfilterrow", "attrShowfilterrow"], attrShowemptyrow: ["showemptyrow", "attrShowemptyrow"], attrShowstatusbar: ["showstatusbar", "attrShowstatusbar"], attrStatusbarheight: ["statusbarheight", "attrStatusbarheight"], attrShowtoolbar: ["showtoolbar", "attrShowtoolbar"], attrShowfilterbar: ["showfilterbar", "attrShowfilterbar"], attrFilterbarmode: ["filterbarmode", "attrFilterbarmode"], attrSelectionmode: ["selectionmode", "attrSelectionmode"], attrUpdatefilterconditions: ["updatefilterconditions", "attrUpdatefilterconditions"], attrUpdatefilterpanel: ["updatefilterpanel", "attrUpdatefilterpanel"], attrTheme: ["theme", "attrTheme"], attrToolbarheight: ["toolbarheight", "attrToolbarheight"], attrAutoheight: ["autoheight", "attrAutoheight"], attrAutorowheight: ["autorowheight", "attrAutorowheight"], attrColumnsheight: ["columnsheight", "attrColumnsheight"], attrDeferreddatafields: ["deferreddatafields", "attrDeferreddatafields"], attrGroupsheaderheight: ["groupsheaderheight", "attrGroupsheaderheight"], attrGroupindentwidth: ["groupindentwidth", "attrGroupindentwidth"], attrPagerheight: ["pagerheight", "attrPagerheight"], attrRowsheight: ["rowsheight", "attrRowsheight"], attrScrollbarsize: ["scrollbarsize", "attrScrollbarsize"], attrScrollmode: ["scrollmode", "attrScrollmode"], attrScrollfeedback: ["scrollfeedback", "attrScrollfeedback"], attrAutosavestate: ["autosavestate", "attrAutosavestate"], attrAutoloadstate: ["autoloadstate", "attrAutoloadstate"], attrColumns: ["columns", "attrColumns"], attrEnableSanitize: ["enableSanitize", "attrEnableSanitize"], attrCardview: ["cardview", "attrCardview"], attrCardviewcolumns: ["cardviewcolumns", "attrCardviewcolumns"], attrCardheight: ["cardheight", "attrCardheight"], attrCardsize: ["cardsize", "attrCardsize"], attrColumngroups: ["columngroups", "attrColumngroups"], attrColumnsmenu: ["columnsmenu", "attrColumnsmenu"], attrColumnsresize: ["columnsresize", "attrColumnsresize"], attrColumnsautoresize: ["columnsautoresize", "attrColumnsautoresize"], attrColumnsreorder: ["columnsreorder", "attrColumnsreorder"], attrCharting: ["charting", "attrCharting"], attrDisabled: ["disabled", "attrDisabled"], attrEditable: ["editable", "attrEditable"], attrBatcheditable: ["batcheditable", "attrBatcheditable"], attrEditmode: ["editmode", "attrEditmode"], attrFilter: ["filter", "attrFilter"], attrFilterable: ["filterable", "attrFilterable"], attrGroupable: ["groupable", "attrGroupable"], attrGroups: ["groups", "attrGroups"], attrHorizontalscrollbarstep: ["horizontalscrollbarstep", "attrHorizontalscrollbarstep"], attrHorizontalscrollbarlargestep: ["horizontalscrollbarlargestep", "attrHorizontalscrollbarlargestep"], attrInitrowdetails: ["initrowdetails", "attrInitrowdetails"], attrKeyboardnavigation: ["keyboardnavigation", "attrKeyboardnavigation"], attrLocalization: ["localization", "attrLocalization"], attrPagesize: ["pagesize", "attrPagesize"], attrPagesizeoptions: ["pagesizeoptions", "attrPagesizeoptions"], attrPagermode: ["pagermode", "attrPagermode"], attrPagerbuttonscount: ["pagerbuttonscount", "attrPagerbuttonscount"], attrPageable: ["pageable", "attrPageable"], attrAutofill: ["autofill", "attrAutofill"], attrRowdetails: ["rowdetails", "attrRowdetails"], attrRowdetailstemplate: ["rowdetailstemplate", "attrRowdetailstemplate"], attrReady: ["ready", "attrReady"], attrRendered: ["rendered", "attrRendered"], attrRenderstatusbar: ["renderstatusbar", "attrRenderstatusbar"], attrRendertoolbar: ["rendertoolbar", "attrRendertoolbar"], attrRendergridrows: ["rendergridrows", "attrRendergridrows"], attrSortable: ["sortable", "attrSortable"], attrSortmode: ["sortmode", "attrSortmode"], attrSelectedrowindex: ["selectedrowindex", "attrSelectedrowindex"], attrSelectedrowindexes: ["selectedrowindexes", "attrSelectedrowindexes"], attrSource: ["source", "attrSource"], attrSorttogglestates: ["sorttogglestates", "attrSorttogglestates"], attrUpdatedelay: ["updatedelay", "attrUpdatedelay"], attrVirtualmode: ["virtualmode", "attrVirtualmode"], attrVerticalscrollbarstep: ["verticalscrollbarstep", "attrVerticalscrollbarstep"], attrVerticalscrollbarlargestep: ["verticalscrollbarlargestep", "attrVerticalscrollbarlargestep"], attrWidth: ["width", "attrWidth"], attrHeight: ["height", "attrHeight"], autoCreate: ["auto-create", "autoCreate"] }, outputs: { onBindingcomplete: "onBindingcomplete", onColumnresized: "onColumnresized", onColumnreordered: "onColumnreordered", onColumnclick: "onColumnclick", onCellclick: "onCellclick", onCelldoubleclick: "onCelldoubleclick", onCellselect: "onCellselect", onCellunselect: "onCellunselect", onCellvaluechanged: "onCellvaluechanged", onCellbeginedit: "onCellbeginedit", onCellendedit: "onCellendedit", onFilter: "onFilter", onGroupschanged: "onGroupschanged", onGroupexpand: "onGroupexpand", onGroupcollapse: "onGroupcollapse", onPagechanged: "onPagechanged", onPagesizechanged: "onPagesizechanged", onRowclick: "onRowclick", onRowdoubleclick: "onRowdoubleclick", onRowselect: "onRowselect", onRowunselect: "onRowunselect", onRowexpand: "onRowexpand", onRowcollapse: "onRowcollapse", onSort: "onSort" }, usesOnChanges: true, ngImport: i0, template: '<div><ng-content></ng-content></div>', isInline: true });
+jqxGridComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.7", type: jqxGridComponent, selector: "jqxGrid", inputs: { attrAltrows: ["altrows", "attrAltrows"], attrAltstart: ["altstart", "attrAltstart"], attrAltstep: ["altstep", "attrAltstep"], attrAutoshowloadelement: ["autoshowloadelement", "attrAutoshowloadelement"], attrAutoshowfiltericon: ["autoshowfiltericon", "attrAutoshowfiltericon"], attrAutoshowcolumnsmenubutton: ["autoshowcolumnsmenubutton", "attrAutoshowcolumnsmenubutton"], attrShowcolumnlines: ["showcolumnlines", "attrShowcolumnlines"], attrShowrowlines: ["showrowlines", "attrShowrowlines"], attrShowcolumnheaderlines: ["showcolumnheaderlines", "attrShowcolumnheaderlines"], attrAdaptive: ["adaptive", "attrAdaptive"], attrAdaptivewidth: ["adaptivewidth", "attrAdaptivewidth"], attrCommandcolumn: ["commandcolumn", "attrCommandcolumn"], attrCommandcolumnrenderer: ["commandcolumnrenderer", "attrCommandcolumnrenderer"], attrClipboard: ["clipboard", "attrClipboard"], attrCloseablegroups: ["closeablegroups", "attrCloseablegroups"], attrColumnsmenuwidth: ["columnsmenuwidth", "attrColumnsmenuwidth"], attrColumnmenuopening: ["columnmenuopening", "attrColumnmenuopening"], attrColumnmenuclosing: ["columnmenuclosing", "attrColumnmenuclosing"], attrCellhover: ["cellhover", "attrCellhover"], attrEnablekeyboarddelete: ["enablekeyboarddelete", "attrEnablekeyboarddelete"], attrEnableellipsis: ["enableellipsis", "attrEnableellipsis"], attrEnablemousewheel: ["enablemousewheel", "attrEnablemousewheel"], attrEnableanimations: ["enableanimations", "attrEnableanimations"], attrEnabletooltips: ["enabletooltips", "attrEnabletooltips"], attrEnablehover: ["enablehover", "attrEnablehover"], attrEnablebrowserselection: ["enablebrowserselection", "attrEnablebrowserselection"], attrEverpresentrowposition: ["everpresentrowposition", "attrEverpresentrowposition"], attrEverpresentrowheight: ["everpresentrowheight", "attrEverpresentrowheight"], attrEverpresentrowactions: ["everpresentrowactions", "attrEverpresentrowactions"], attrEverpresentrowactionsmode: ["everpresentrowactionsmode", "attrEverpresentrowactionsmode"], attrFilterrowheight: ["filterrowheight", "attrFilterrowheight"], attrFiltermode: ["filtermode", "attrFiltermode"], attrGroupsrenderer: ["groupsrenderer", "attrGroupsrenderer"], attrGroupcolumnrenderer: ["groupcolumnrenderer", "attrGroupcolumnrenderer"], attrGroupsexpandedbydefault: ["groupsexpandedbydefault", "attrGroupsexpandedbydefault"], attrHandlekeyboardnavigation: ["handlekeyboardnavigation", "attrHandlekeyboardnavigation"], attrPagerrenderer: ["pagerrenderer", "attrPagerrenderer"], attrRtl: ["rtl", "attrRtl"], attrShowdefaultloadelement: ["showdefaultloadelement", "attrShowdefaultloadelement"], attrShowfiltercolumnbackground: ["showfiltercolumnbackground", "attrShowfiltercolumnbackground"], attrShowfiltermenuitems: ["showfiltermenuitems", "attrShowfiltermenuitems"], attrShowpinnedcolumnbackground: ["showpinnedcolumnbackground", "attrShowpinnedcolumnbackground"], attrShowsortcolumnbackground: ["showsortcolumnbackground", "attrShowsortcolumnbackground"], attrShowsortmenuitems: ["showsortmenuitems", "attrShowsortmenuitems"], attrShowgroupmenuitems: ["showgroupmenuitems", "attrShowgroupmenuitems"], attrShowrowdetailscolumn: ["showrowdetailscolumn", "attrShowrowdetailscolumn"], attrShowheader: ["showheader", "attrShowheader"], attrShowgroupsheader: ["showgroupsheader", "attrShowgroupsheader"], attrShowaggregates: ["showaggregates", "attrShowaggregates"], attrShowgroupaggregates: ["showgroupaggregates", "attrShowgroupaggregates"], attrShoweverpresentrow: ["showeverpresentrow", "attrShoweverpresentrow"], attrShowfilterrow: ["showfilterrow", "attrShowfilterrow"], attrShowemptyrow: ["showemptyrow", "attrShowemptyrow"], attrShowstatusbar: ["showstatusbar", "attrShowstatusbar"], attrStatusbarheight: ["statusbarheight", "attrStatusbarheight"], attrShowtoolbar: ["showtoolbar", "attrShowtoolbar"], attrShowfilterbar: ["showfilterbar", "attrShowfilterbar"], attrFilterbarmode: ["filterbarmode", "attrFilterbarmode"], attrSelectionmode: ["selectionmode", "attrSelectionmode"], attrUpdatefilterconditions: ["updatefilterconditions", "attrUpdatefilterconditions"], attrUpdatefilterpanel: ["updatefilterpanel", "attrUpdatefilterpanel"], attrTheme: ["theme", "attrTheme"], attrToolbarheight: ["toolbarheight", "attrToolbarheight"], attrAutoheight: ["autoheight", "attrAutoheight"], attrAutorowheight: ["autorowheight", "attrAutorowheight"], attrColumnsheight: ["columnsheight", "attrColumnsheight"], attrDeferreddatafields: ["deferreddatafields", "attrDeferreddatafields"], attrGroupsheaderheight: ["groupsheaderheight", "attrGroupsheaderheight"], attrGroupindentwidth: ["groupindentwidth", "attrGroupindentwidth"], attrPagerheight: ["pagerheight", "attrPagerheight"], attrRowsheight: ["rowsheight", "attrRowsheight"], attrScrollbarsize: ["scrollbarsize", "attrScrollbarsize"], attrScrollmode: ["scrollmode", "attrScrollmode"], attrScrollfeedback: ["scrollfeedback", "attrScrollfeedback"], attrAutosavestate: ["autosavestate", "attrAutosavestate"], attrAutoloadstate: ["autoloadstate", "attrAutoloadstate"], attrColumns: ["columns", "attrColumns"], attrEnableSanitize: ["enableSanitize", "attrEnableSanitize"], attrCardview: ["cardview", "attrCardview"], attrCardviewcolumns: ["cardviewcolumns", "attrCardviewcolumns"], attrCardheight: ["cardheight", "attrCardheight"], attrCardsize: ["cardsize", "attrCardsize"], attrColumngroups: ["columngroups", "attrColumngroups"], attrColumnsmenu: ["columnsmenu", "attrColumnsmenu"], attrColumnsresize: ["columnsresize", "attrColumnsresize"], attrColumnsautoresize: ["columnsautoresize", "attrColumnsautoresize"], attrColumnsreorder: ["columnsreorder", "attrColumnsreorder"], attrCharting: ["charting", "attrCharting"], attrDisabled: ["disabled", "attrDisabled"], attrEditable: ["editable", "attrEditable"], attrBatcheditable: ["batcheditable", "attrBatcheditable"], attrEditmode: ["editmode", "attrEditmode"], attrFilter: ["filter", "attrFilter"], attrFilterable: ["filterable", "attrFilterable"], attrGroupable: ["groupable", "attrGroupable"], attrGroups: ["groups", "attrGroups"], attrHorizontalscrollbarstep: ["horizontalscrollbarstep", "attrHorizontalscrollbarstep"], attrHorizontalscrollbarlargestep: ["horizontalscrollbarlargestep", "attrHorizontalscrollbarlargestep"], attrInitrowdetails: ["initrowdetails", "attrInitrowdetails"], attrKeyboardnavigation: ["keyboardnavigation", "attrKeyboardnavigation"], attrLocalization: ["localization", "attrLocalization"], attrPagesize: ["pagesize", "attrPagesize"], attrPagesizeoptions: ["pagesizeoptions", "attrPagesizeoptions"], attrPagermode: ["pagermode", "attrPagermode"], attrPagerbuttonscount: ["pagerbuttonscount", "attrPagerbuttonscount"], attrPageable: ["pageable", "attrPageable"], attrAutofill: ["autofill", "attrAutofill"], attrRowdetails: ["rowdetails", "attrRowdetails"], attrRowdetailstemplate: ["rowdetailstemplate", "attrRowdetailstemplate"], attrReady: ["ready", "attrReady"], attrRendered: ["rendered", "attrRendered"], attrRenderstatusbar: ["renderstatusbar", "attrRenderstatusbar"], attrRendertoolbar: ["rendertoolbar", "attrRendertoolbar"], attrRendergridrows: ["rendergridrows", "attrRendergridrows"], attrSortable: ["sortable", "attrSortable"], attrSortmode: ["sortmode", "attrSortmode"], attrSortmodekey: ["sortmodekey", "attrSortmodekey"], attrSelectedrowindex: ["selectedrowindex", "attrSelectedrowindex"], attrSelectedrowindexes: ["selectedrowindexes", "attrSelectedrowindexes"], attrSource: ["source", "attrSource"], attrSorttogglestates: ["sorttogglestates", "attrSorttogglestates"], attrUpdatedelay: ["updatedelay", "attrUpdatedelay"], attrVirtualmode: ["virtualmode", "attrVirtualmode"], attrVerticalscrollbarstep: ["verticalscrollbarstep", "attrVerticalscrollbarstep"], attrVerticalscrollbarlargestep: ["verticalscrollbarlargestep", "attrVerticalscrollbarlargestep"], attrWidth: ["width", "attrWidth"], attrHeight: ["height", "attrHeight"], autoCreate: ["auto-create", "autoCreate"] }, outputs: { onBindingcomplete: "onBindingcomplete", onColumnresized: "onColumnresized", onColumnreordered: "onColumnreordered", onColumnclick: "onColumnclick", onCellclick: "onCellclick", onCelldoubleclick: "onCelldoubleclick", onCellselect: "onCellselect", onCellunselect: "onCellunselect", onCellvaluechanged: "onCellvaluechanged", onCellbeginedit: "onCellbeginedit", onCellendedit: "onCellendedit", onFilter: "onFilter", onGroupschanged: "onGroupschanged", onGroupexpand: "onGroupexpand", onGroupcollapse: "onGroupcollapse", onPagechanged: "onPagechanged", onPagesizechanged: "onPagesizechanged", onRowclick: "onRowclick", onRowdoubleclick: "onRowdoubleclick", onRowselect: "onRowselect", onRowunselect: "onRowunselect", onRowexpand: "onRowexpand", onRowcollapse: "onRowcollapse", onSort: "onSort" }, usesOnChanges: true, ngImport: i0, template: '<div><ng-content></ng-content></div>', isInline: true });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: jqxGridComponent, decorators: [{
             type: Component,
             args: [{
@@ -2569,6 +2580,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImpor
             }], attrSortmode: [{
                 type: Input,
                 args: ['sortmode']
+            }], attrSortmodekey: [{
+                type: Input,
+                args: ['sortmodekey']
             }], attrSelectedrowindex: [{
                 type: Input,
                 args: ['selectedrowindex']