UNPKG

igniteui-angular-wrappers

Version:
642 lines (632 loc) 487 kB
import * as i0 from '@angular/core'; import { Directive, EventEmitter, ElementRef, ContentChild, Input, ContentChildren, ChangeDetectionStrategy, Component, Optional, NgModule } from '@angular/core'; import * as i1 from '@angular/forms'; class Column { constructor(el) { this._settings = {}; this._el = el; const self = this; let i; const settings = ['headerText', 'key', 'formatter', 'format', 'dataType', 'width', 'hidden', 'template', 'unbound', 'group', 'rowspan', 'formula', 'unboundValues', 'unboundValuesUpdateMode', 'headerCssClass', 'columnCssClass']; for (i = 0; i < settings.length; i++) { Object.defineProperty(self, settings[i], { set: self.createColumnsSetter(settings[i]), get: self.createColumnsGetter(settings[i]), enumerable: true, configurable: true }); } } createColumnsSetter(name) { return function (value) { const grid = jQuery(this._el.nativeElement.parentElement).find('table[role=\'grid\']'); const columns = grid.igGrid('option', 'columns'); this._settings[name] = value; if (jQuery.ui.igGrid && jQuery.ui.igGrid.prototype.options && jQuery.ui.igGrid.prototype.options.hasOwnProperty('columns') && grid.data('igGrid')) { // reapply all column settings when a column setting is changed grid.igGrid('option', 'columns', columns); } }; } createColumnsGetter(name) { return () => { return this._settings[name]; }; } static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: Column, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); } static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.1.3", type: Column, isStandalone: false, selector: "column", inputs: { headerText: "headerText", key: "key", formatter: "formatter", format: "format", dataType: "dataType", width: "width", hidden: "hidden", template: "template", unbound: "unbound", group: "group", rowspan: "rowspan", formula: "formula", unboundValues: "unboundValues", unboundValuesUpdateMode: "unboundValuesUpdateMode", headerCssClass: "headerCssClass", columnCssClass: "columnCssClass" }, ngImport: i0 }); } } i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: Column, decorators: [{ type: Directive, args: [{ selector: 'column', inputs: ['headerText', 'key', 'formatter', 'format', 'dataType', 'width', 'hidden', 'template', 'unbound', 'group', 'rowspan', 'formula', 'unboundValues', 'unboundValuesUpdateMode', 'headerCssClass', 'columnCssClass'], standalone: false }] }], ctorParameters: () => [{ type: i0.ElementRef }] }); class Feature { constructor(el) { this._settings = {}; this._el = el; this.name = this.normalizeName(el.nativeElement.nodeName.toLowerCase()); this.featureName = 'igGrid' + this.name; for (const propt in jQuery.ui['igGrid' + this.name].prototype.events) { if (jQuery.ui['igGrid' + this.name].prototype.events.hasOwnProperty(propt)) { this[propt] = new EventEmitter(); } } } cloneObject(obj) { const clone = {}; for (const i in obj) { if (obj[i] != null) { if (!i.startsWith('_') && typeof obj[i] === 'object') { clone[i] = this.cloneObject(obj[i]); } else { clone[i] = obj[i]; } } } return clone; } ngOnInit() { const self = this; this.initSettings = this.cloneObject(this); let evtName; this._events = new Map(); const grid = jQuery(this._el.nativeElement).closest('ig-grid').find('table'); // event binding for features for (const propt in jQuery.ui[this.featureName].prototype.events) { if (jQuery.ui[this.featureName].prototype.events.hasOwnProperty(propt)) { evtName = this.featureName.toLowerCase() + propt.toLowerCase(); this._events[evtName] = propt; jQuery(grid).on(evtName, (evt, ui) => { this[this._events[evt.type]].emit({ event: evt, ui }); }); } } for (const setting in jQuery.ui[this.featureName].prototype.options) { if (jQuery.ui[this.featureName].prototype.options.hasOwnProperty(setting)) { Object.defineProperty(this, setting, { set: this.createFeatureSetter(setting), get: this.createFeatureGetter(setting), enumerable: true, configurable: true }); } } const propNames = Object.getOwnPropertyNames(jQuery.ui[this.featureName].prototype); propNames.forEach(name => { if (name.indexOf('_') !== 0 && typeof jQuery.ui[this.featureName].prototype[name] === 'function') { Object.defineProperty(self, name, { get: this.createMethodGetter(name) }); } }); } createFeatureSetter(name) { return function (value) { const grid = jQuery(this._el.nativeElement).closest('ig-grid').find('table[role=\'grid\']'); this._settings[name] = value; if (jQuery.ui[this.featureName] && jQuery.ui[this.featureName].prototype.options && jQuery.ui[this.featureName].prototype.options.hasOwnProperty(name) && grid.data(this.featureName)) { grid[this.featureName]('option', name, value); } }; } createFeatureGetter(name) { return () => { return this._settings[name]; }; } createMethodGetter(name) { return () => { let grid = jQuery(this._el.nativeElement).closest('ig-grid').find('table[role=\'grid\']'); if (grid.length === 0) { grid = jQuery(this._el.nativeElement).closest('ig-hierarchical-grid').find('table[role=\'grid\']'); } const feature = grid.data(this.featureName); return jQuery.proxy(feature[name], feature); }; } normalizeName(str) { // convert hyphen to camelCase const name = str.replace(/-([a-z])/g, group => group[1].toUpperCase()); return name.charAt(0).toUpperCase() + name.slice(1); } static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: Feature, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); } static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.1.3", type: Feature, isStandalone: true, ngImport: i0 }); } } i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: Feature, decorators: [{ type: Directive }], ctorParameters: () => [{ type: i0.ElementRef }] }); class IgGridMultiColumnHeadersFeature extends Feature { constructor(el) { super(el); } /** * Destroys the widget */ /* istanbul ignore next */ destroy() { return; } /** * Collapses an expanded group. If the group is collapsed, the method does nothing. * Note: This method is asynchronous which means that it returns immediately and any subsequent code will execute in parallel. * This may lead to runtime errors. To avoid them put the subsequent code in the callback parameter provided by the method. */ /* istanbul ignore next */ collapseGroup(groupKey, callback) { return; } /** * Expands a collapsed group. If the group is expanded, the method does nothing. * Note: This method is asynchronous which means that it returns immediately and any subsequent code will execute in parallel. * This may lead to runtime errors. To avoid them put the subsequent code in the callback parameter provided by the method. */ /* istanbul ignore next */ expandGroup(groupKey, callback) { return; } /** * Returns multicolumn headers array. if there aren"t multicolumn headers returns undefined. */ /* istanbul ignore next */ getMultiColumnHeaders() { return; } /** * Toggles a collapsible group. * Note: This method is asynchronous which means that it returns immediately and any subsequent code will execute in parallel. * This may lead to runtime errors. To avoid them put the subsequent code in the callback parameter provided by the method. */ /* istanbul ignore next */ toggleGroup(groupKey, callback) { return; } static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: IgGridMultiColumnHeadersFeature, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); } static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.1.3", type: IgGridMultiColumnHeadersFeature, isStandalone: false, selector: "multi-column-headers", inputs: { inherit: "inherit" }, outputs: { groupCollapsing: "groupCollapsing", groupCollapsed: "groupCollapsed", groupExpanding: "groupExpanding", groupExpanded: "groupExpanded" }, usesInheritance: true, ngImport: i0 }); } } i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: IgGridMultiColumnHeadersFeature, decorators: [{ type: Directive, args: [{ selector: 'multi-column-headers', inputs: ['inherit'], outputs: ['groupCollapsing', 'groupCollapsed', 'groupExpanding', 'groupExpanded'], standalone: false }] }], ctorParameters: () => [{ type: i0.ElementRef }] }); class IgGridSortingFeature extends Feature { constructor(el) { super(el); } /** * Sorts the data in a grid column and updates the UI. * * @param index Column key (string) or index (number) - for multi-row grid only column key can be used. * Specifies the column which we want to sort. If the mode is multiple, previous sorting states are not cleared. * @param direction Specifies sorting direction (ascending or descending) * @param header header */ /* istanbul ignore next */ sortColumn(index, direction, header) { return; } /** * Sorts the data in grid columns and updates the UI. */ /* istanbul ignore next */ sortMultiple() { return; } /** * Removes current sorting(for all sorted columns) and updates the UI. */ /* istanbul ignore next */ clearSorting() { return; } /** * Removes sorting for the grid column with the specified columnKey/columnIndex and updates the UI. * * @param index Column key (string) or index (number) - for multi-row grid only column key can be used. * Specifies the column for which we want to remove sorting. If the mode is multiple, previous sorting states are not cleared. * @param header header */ /* istanbul ignore next */ unsortColumn(index, header) { return; } /** * Destroys the sorting feature. Unbinds events, removes added sorting elements, etc. */ /* istanbul ignore next */ destroy() { return; } /** * Opens the multiple sorting dialog. */ /* istanbul ignore next */ openMultipleSortingDialog() { return; } /** * Closes the multiple sorting dialog. */ /* istanbul ignore next */ closeMultipleSortingDialog() { return; } /** * Renders content of multiple sorting dialog - sorted and unsorted columns. * * @param isToCallEvents - if specified client events should be fired */ /* istanbul ignore next */ renderMultipleSortingDialogContent(isToCallEvents) { return; } /** * Remove clear button for multiple sorting dialog */ /* istanbul ignore next */ removeDialogClearButton() { return; } static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: IgGridSortingFeature, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); } static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.1.3", type: IgGridSortingFeature, isStandalone: false, selector: "sorting", inputs: { disabled: "disabled", create: "create", type: "type", caseSensitive: "caseSensitive", applySortedColumnCss: "applySortedColumnCss", sortUrlKey: "sortUrlKey", sortUrlKeyAscValue: "sortUrlKeyAscValue", sortUrlKeyDescValue: "sortUrlKeyDescValue", mode: "mode", customSortFunction: "customSortFunction", firstSortDirection: "firstSortDirection", sortedColumnTooltip: "sortedColumnTooltip", modalDialogSortOnClick: "modalDialogSortOnClick", modalDialogSortByButtonText: "modalDialogSortByButtonText", modalDialogResetButtonLabel: "modalDialogResetButtonLabel", modalDialogCaptionButtonDesc: "modalDialogCaptionButtonDesc", modalDialogCaptionButtonAsc: "modalDialogCaptionButtonAsc", modalDialogCaptionButtonUnsort: "modalDialogCaptionButtonUnsort", modalDialogWidth: "modalDialogWidth", modalDialogHeight: "modalDialogHeight", modalDialogAnimationDuration: "modalDialogAnimationDuration", featureChooserText: "featureChooserText", unsortedColumnTooltip: "unsortedColumnTooltip", columnSettings: "columnSettings", modalDialogCaptionText: "modalDialogCaptionText", modalDialogButtonApplyText: "modalDialogButtonApplyText", modalDialogButtonCancelText: "modalDialogButtonCancelText", featureChooserSortAsc: "featureChooserSortAsc", featureChooserSortDesc: "featureChooserSortDesc", persist: "persist", sortingDialogContainment: "sortingDialogContainment", dialogWidget: "dialogWidget", inherit: "inherit" }, outputs: { columnSorting: "columnSorting", columnSorted: "columnSorted", modalDialogOpening: "modalDialogOpening", modalDialogOpened: "modalDialogOpened", modalDialogMoving: "modalDialogMoving", modalDialogClosing: "modalDialogClosing", modalDialogClosed: "modalDialogClosed", modalDialogContentsRendering: "modalDialogContentsRendering", modalDialogContentsRendered: "modalDialogContentsRendered", modalDialogSortingChanged: "modalDialogSortingChanged", modalDialogButtonUnsortClick: "modalDialogButtonUnsortClick", modalDialogSortClick: "modalDialogSortClick", modalDialogButtonApplyClick: "modalDialogButtonApplyClick", modalDialogButtonResetClick: "modalDialogButtonResetClick" }, usesInheritance: true, ngImport: i0 }); } } i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: IgGridSortingFeature, decorators: [{ type: Directive, args: [{ selector: 'sorting', inputs: ['disabled', 'create', 'type', 'caseSensitive', 'applySortedColumnCss', 'sortUrlKey', 'sortUrlKeyAscValue', 'sortUrlKeyDescValue', 'mode', 'customSortFunction', 'firstSortDirection', 'sortedColumnTooltip', 'modalDialogSortOnClick', 'modalDialogSortByButtonText', 'modalDialogResetButtonLabel', 'modalDialogCaptionButtonDesc', 'modalDialogCaptionButtonAsc', 'modalDialogCaptionButtonUnsort', 'modalDialogWidth', 'modalDialogHeight', 'modalDialogAnimationDuration', 'featureChooserText', 'unsortedColumnTooltip', 'columnSettings', 'modalDialogCaptionText', 'modalDialogButtonApplyText', 'modalDialogButtonCancelText', 'featureChooserSortAsc', 'featureChooserSortDesc', 'persist', 'sortingDialogContainment', 'dialogWidget', 'inherit'], outputs: ['columnSorting', 'columnSorted', 'modalDialogOpening', 'modalDialogOpened', 'modalDialogMoving', 'modalDialogClosing', 'modalDialogClosed', 'modalDialogContentsRendering', 'modalDialogContentsRendered', 'modalDialogSortingChanged', 'modalDialogButtonUnsortClick', 'modalDialogSortClick', 'modalDialogButtonApplyClick', 'modalDialogButtonResetClick'], standalone: false }] }], ctorParameters: () => [{ type: i0.ElementRef }] }); class IgGridFilteringFeature extends Feature { constructor(el) { super(el); } /** * Destroys the filtering widget - remove fitler row, unbinds events, returns the grid to its previous state. */ /* istanbul ignore next */ destroy() { return; } /** * Returns the count of data records that match filtering conditions */ /* istanbul ignore next */ getFilteringMatchesCount() { return; } /** * Toggle filter row when mode is simple or * [advancedModeEditorsVisible](ui.iggridfiltering#options:advancedModeEditorsVisible) is true. Otherwise show/hide advanced dialog. * * @param event Column key */ /* istanbul ignore next */ toggleFilterRowByFeatureChooser(event) { return; } /** * Applies filtering programmatically and updates the UI by default. * * @param expressions An array of filtering expressions, each one having the format {fieldName: , expr: , cond: , logic: } * where fieldName is the key of the column, expr is the actual expression string with which we would like to filter, * logic is 'AND' or 'OR', and cond is one of the following strings: "equals", "doesNotEqual", "contains", "doesNotContain", * "greaterThan", "lessThan", "greaterThanOrEqualTo", "lessThanOrEqualTo", "true", "false", "null", "notNull", "empty", "notEmpty", * "startsWith", "endsWith", "today", "yesterday", "on", "notOn", "thisMonth", "lastMonth", "nextMonth", "before", "after", "thisYear", * "lastYear", "nextYear". The difference between the empty and null filtering conditions is that empty includes null, NaN, and * undefined, as well as the empty string. * @param updateUI specifies whether the filter row should be also updated once the grid is filtered * @param addedFromAdvanced specifies whether the filter is added from advanced filtering */ /* istanbul ignore next */ filter(expressions, updateUI, addedFromAdvanced) { return; } /** * Check whether filterCondition requires or not filtering expression * e.g. if filterCondition is "lastMonth", "thisMonth", "null", "notNull", "true", "false", etc. * then filtering expression is NOT required * * @param filterCondition filtering condition - e.g. "true", "false", "yesterday", "empty", "null", etc. */ /* istanbul ignore next */ requiresFilteringExpression(filterCondition) { return; } static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: IgGridFilteringFeature, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); } static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.1.3", type: IgGridFilteringFeature, isStandalone: false, selector: "filtering", inputs: { disabled: "disabled", create: "create", caseSensitive: "caseSensitive", filterSummaryAlwaysVisible: "filterSummaryAlwaysVisible", renderFC: "renderFC", filterSummaryTemplate: "filterSummaryTemplate", filterDropDownAnimations: "filterDropDownAnimations", filterDropDownAnimationDuration: "filterDropDownAnimationDuration", filterDropDownWidth: "filterDropDownWidth", filterDropDownHeight: "filterDropDownHeight", filterExprUrlKey: "filterExprUrlKey", filterDropDownItemIcons: "filterDropDownItemIcons", columnSettings: "columnSettings", type: "type", filterDelay: "filterDelay", mode: "mode", advancedModeEditorsVisible: "advancedModeEditorsVisible", advancedModeHeaderButtonLocation: "advancedModeHeaderButtonLocation", filterDialogWidth: "filterDialogWidth", filterDialogHeight: "filterDialogHeight", filterDialogFilterDropDownDefaultWidth: "filterDialogFilterDropDownDefaultWidth", filterDialogExprInputDefaultWidth: "filterDialogExprInputDefaultWidth", filterDialogColumnDropDownDefaultWidth: "filterDialogColumnDropDownDefaultWidth", renderFilterButton: "renderFilterButton", filterButtonLocation: "filterButtonLocation", nullTexts: "nullTexts", labels: "labels", tooltipTemplate: "tooltipTemplate", filterDialogAddConditionTemplate: "filterDialogAddConditionTemplate", filterDialogAddConditionDropDownTemplate: "filterDialogAddConditionDropDownTemplate", filterDialogFilterTemplate: "filterDialogFilterTemplate", filterDialogFilterConditionTemplate: "filterDialogFilterConditionTemplate", filterDialogAddButtonWidth: "filterDialogAddButtonWidth", filterDialogOkCancelButtonWidth: "filterDialogOkCancelButtonWidth", filterDialogMaxFilterCount: "filterDialogMaxFilterCount", filterDialogContainment: "filterDialogContainment", showEmptyConditions: "showEmptyConditions", showNullConditions: "showNullConditions", featureChooserText: "featureChooserText", featureChooserTextHide: "featureChooserTextHide", featureChooserTextAdvancedFilter: "featureChooserTextAdvancedFilter", dialogWidget: "dialogWidget", persist: "persist", inherit: "inherit" }, outputs: { dataFiltering: "dataFiltering", dataFiltered: "dataFiltered", dropDownOpening: "dropDownOpening", dropDownOpened: "dropDownOpened", dropDownClosing: "dropDownClosing", dropDownClosed: "dropDownClosed", filterDialogOpening: "filterDialogOpening", filterDialogOpened: "filterDialogOpened", filterDialogMoving: "filterDialogMoving", filterDialogFilterAdding: "filterDialogFilterAdding", filterDialogFilterAdded: "filterDialogFilterAdded", filterDialogClosing: "filterDialogClosing", filterDialogClosed: "filterDialogClosed", filterDialogContentsRendering: "filterDialogContentsRendering", filterDialogContentsRendered: "filterDialogContentsRendered", filterDialogFiltering: "filterDialogFiltering" }, usesInheritance: true, ngImport: i0 }); } } i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: IgGridFilteringFeature, decorators: [{ type: Directive, args: [{ selector: 'filtering', inputs: ['disabled', 'create', 'caseSensitive', 'filterSummaryAlwaysVisible', 'renderFC', 'filterSummaryTemplate', 'filterDropDownAnimations', 'filterDropDownAnimationDuration', 'filterDropDownWidth', 'filterDropDownHeight', 'filterExprUrlKey', 'filterDropDownItemIcons', 'columnSettings', 'type', 'filterDelay', 'mode', 'advancedModeEditorsVisible', 'advancedModeHeaderButtonLocation', 'filterDialogWidth', 'filterDialogHeight', 'filterDialogFilterDropDownDefaultWidth', 'filterDialogExprInputDefaultWidth', 'filterDialogColumnDropDownDefaultWidth', 'renderFilterButton', 'filterButtonLocation', 'nullTexts', 'labels', 'tooltipTemplate', 'filterDialogAddConditionTemplate', 'filterDialogAddConditionDropDownTemplate', 'filterDialogFilterTemplate', 'filterDialogFilterConditionTemplate', 'filterDialogAddButtonWidth', 'filterDialogOkCancelButtonWidth', 'filterDialogMaxFilterCount', 'filterDialogContainment', 'showEmptyConditions', 'showNullConditions', 'featureChooserText', 'featureChooserTextHide', 'featureChooserTextAdvancedFilter', 'dialogWidget', 'persist', 'inherit'], outputs: ['dataFiltering', 'dataFiltered', 'dropDownOpening', 'dropDownOpened', 'dropDownClosing', 'dropDownClosed', 'filterDialogOpening', 'filterDialogOpened', 'filterDialogMoving', 'filterDialogFilterAdding', 'filterDialogFilterAdded', 'filterDialogClosing', 'filterDialogClosed', 'filterDialogContentsRendering', 'filterDialogContentsRendered', 'filterDialogFiltering'], standalone: false }] }], ctorParameters: () => [{ type: i0.ElementRef }] }); class IgGridPagingFeature extends Feature { constructor(el) { super(el); } /** * Gets/Sets the current page index, delegates data binding and paging to [$.ig.DataSource](ig.datasource). * * @param index The page index to go to. */ /* istanbul ignore next */ pageIndex(index) { return; } /** * Gets/Sets the page size. If no parameter is specified, just returns the current page size. * * @param size The new page size. */ /* istanbul ignore next */ pageSize(size) { return; } /** * Destroys the igGridPaging feature by removing all elements in the pager area, * unbinding events, and resetting data to discard data filtering on paging. */ /* istanbul ignore next */ destroy() { return; } static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: IgGridPagingFeature, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); } static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.1.3", type: IgGridPagingFeature, isStandalone: false, selector: "paging", inputs: { disabled: "disabled", create: "create", pageSize: "pageSize", recordCountKey: "recordCountKey", pageSizeUrlKey: "pageSizeUrlKey", pageIndexUrlKey: "pageIndexUrlKey", currentPageIndex: "currentPageIndex", type: "type", showPageSizeDropDown: "showPageSizeDropDown", pageSizeDropDownLabel: "pageSizeDropDownLabel", pageSizeDropDownTrailingLabel: "pageSizeDropDownTrailingLabel", pageSizeDropDownLocation: "pageSizeDropDownLocation", showPagerRecordsLabel: "showPagerRecordsLabel", pagerRecordsLabelTemplate: "pagerRecordsLabelTemplate", nextPageLabelText: "nextPageLabelText", prevPageLabelText: "prevPageLabelText", firstPageLabelText: "firstPageLabelText", lastPageLabelText: "lastPageLabelText", showFirstLastPages: "showFirstLastPages", showPrevNextPages: "showPrevNextPages", currentPageDropDownLeadingLabel: "currentPageDropDownLeadingLabel", currentPageDropDownTrailingLabel: "currentPageDropDownTrailingLabel", currentPageDropDownTooltip: "currentPageDropDownTooltip", pageSizeDropDownTooltip: "pageSizeDropDownTooltip", pagerRecordsLabelTooltip: "pagerRecordsLabelTooltip", prevPageTooltip: "prevPageTooltip", nextPageTooltip: "nextPageTooltip", firstPageTooltip: "firstPageTooltip", lastPageTooltip: "lastPageTooltip", pageTooltipFormat: "pageTooltipFormat", pageSizeList: "pageSizeList", pageCountLimit: "pageCountLimit", visiblePageCount: "visiblePageCount", defaultDropDownWidth: "defaultDropDownWidth", delayOnPageChanged: "delayOnPageChanged", persist: "persist", inherit: "inherit" }, outputs: { pageIndexChanging: "pageIndexChanging", pageIndexChanged: "pageIndexChanged", pageSizeChanging: "pageSizeChanging", pageSizeChanged: "pageSizeChanged", pagerRendering: "pagerRendering", pagerRendered: "pagerRendered" }, usesInheritance: true, ngImport: i0 }); } } i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: IgGridPagingFeature, decorators: [{ type: Directive, args: [{ selector: 'paging', inputs: ['disabled', 'create', 'pageSize', 'recordCountKey', 'pageSizeUrlKey', 'pageIndexUrlKey', 'currentPageIndex', 'type', 'showPageSizeDropDown', 'pageSizeDropDownLabel', 'pageSizeDropDownTrailingLabel', 'pageSizeDropDownLocation', 'showPagerRecordsLabel', 'pagerRecordsLabelTemplate', 'nextPageLabelText', 'prevPageLabelText', 'firstPageLabelText', 'lastPageLabelText', 'showFirstLastPages', 'showPrevNextPages', 'currentPageDropDownLeadingLabel', 'currentPageDropDownTrailingLabel', 'currentPageDropDownTooltip', 'pageSizeDropDownTooltip', 'pagerRecordsLabelTooltip', 'prevPageTooltip', 'nextPageTooltip', 'firstPageTooltip', 'lastPageTooltip', 'pageTooltipFormat', 'pageSizeList', 'pageCountLimit', 'visiblePageCount', 'defaultDropDownWidth', 'delayOnPageChanged', 'persist', 'inherit'], outputs: ['pageIndexChanging', 'pageIndexChanged', 'pageSizeChanging', 'pageSizeChanged', 'pagerRendering', 'pagerRendered'], standalone: false }] }], ctorParameters: () => [{ type: i0.ElementRef }] }); class IgGridUpdatingFeature extends Feature { constructor(el) { super(el); } /** * Sets a cell value for the specified cell. It also creates a transaction and updates the UI. * If the specified cell is currently in edit mode, the function will set the desired value in the cell's editor instead. * * @param rowId The primary key of the row the cell is a child of. * @param colKey The column key of the cell. * @param value The new value for the cell. */ /* istanbul ignore next */ setCellValue(rowId, colKey, value) { return; } /** * Sets values for specified cells in a row. It also creates a transaction and updates the UI. * If the specified row is currently in edit mode, the function will set the desired values in the row's editors instead. * * @param rowId The primary key of the row to update. * @param values Pairs of values in the format { column1Key: value1, column2Key: value2, ... } . */ /* istanbul ignore next */ updateRow(rowId, values) { return; } /** * Adds a new row to the grid. It also creates a transaction and updates the UI. * * @param values Pairs of values in the format { column1Key: value1, column2Key: value2, ... } . */ /* istanbul ignore next */ addRow(values) { return; } /** * Deletes a row from the grid. It also creates a transaction and updates the UI. * * @param rowId The primary key of the row to delete. */ /* istanbul ignore next */ deleteRow(rowId) { return; } /** * Starts editing for the row or cell specified (depending on the [editMode](ui.iggridupdating#options:editMode)). * * @param rowId The row id. * @param column The column key or index. * @param raiseEvents Specifies whether or not updating events should be raised for this operation. */ /* istanbul ignore next */ startEdit(rowId, column, raiseEvents) { return; } /** * Starts editing for adding a new row. * * @param raiseEvents Specifies whether or not updating events should be raised for this operation. */ /* istanbul ignore next */ startAddRowEdit(raiseEvents) { return; } /** * Ends the currently active edit mode. * * @param update Specifies if the edit process should accept the current changes. Default is 'false'. * @param raiseEvents Specifies whether or not updating events should be raised for this operation. */ /* istanbul ignore next */ endEdit(update, raiseEvents) { return; } /** * Finds and returns the key of the first column the editor for which has invalid value. */ /* istanbul ignore next */ findInvalid() { return; } /** * Checks if the grid is in edit mode. */ /* istanbul ignore next */ isEditing() { return; } /** * Gets the editor for a column by the column key. That method can be used only after the editor has been created. * * @param key The key of the column. */ /* istanbul ignore next */ editorForKey(key) { return; } /** * Gets the editor for a column by the cell it resides in. If allowed the function can create the editor if it has not been created yet. * * @param cell Reference to the jQuery-wrapped TD object of the grid that the editor belongs to. * @param create Requests to create the editor if it has not been created yet. */ /* istanbul ignore next */ editorForCell(cell, create) { return; } /** * Destroys igGridUpdating. */ /* istanbul ignore next */ destroy() { return; } /** * Shows the delete button for specific row. * * @param row A jQuery object of the targeted row. */ /* istanbul ignore next */ showDeleteButtonFor(row) { return; } /** * Hides the delete button. */ /* istanbul ignore next */ hideDeleteButton() { return; } static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: IgGridUpdatingFeature, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); } static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.1.3", type: IgGridUpdatingFeature, isStandalone: false, selector: "updating", inputs: { disabled: "disabled", create: "create", columnSettings: "columnSettings", editMode: "editMode", enableDeleteRow: "enableDeleteRow", enableAddRow: "enableAddRow", validation: "validation", doneLabel: "doneLabel", doneTooltip: "doneTooltip", cancelLabel: "cancelLabel", cancelTooltip: "cancelTooltip", addRowLabel: "addRowLabel", addRowTooltip: "addRowTooltip", deleteRowLabel: "deleteRowLabel", deleteRowTooltip: "deleteRowTooltip", showDoneCancelButtons: "showDoneCancelButtons", enableDataDirtyException: "enableDataDirtyException", startEditTriggers: "startEditTriggers", horizontalMoveOnEnter: "horizontalMoveOnEnter", excelNavigationMode: "excelNavigationMode", saveChangesSuccessHandler: "saveChangesSuccessHandler", saveChangesErrorHandler: "saveChangesErrorHandler", swipeDistance: "swipeDistance", wrapAround: "wrapAround", rowEditDialogOptions: "rowEditDialogOptions", dialogWidget: "dialogWidget", inherit: "inherit" }, outputs: { editRowStarting: "editRowStarting", editRowStarted: "editRowStarted", editRowEnding: "editRowEnding", editRowEnded: "editRowEnded", editCellStarting: "editCellStarting", editCellStarted: "editCellStarted", editCellEnding: "editCellEnding", editCellEnded: "editCellEnded", rowAdding: "rowAdding", rowAdded: "rowAdded", rowDeleting: "rowDeleting", rowDeleted: "rowDeleted", dataDirty: "dataDirty", generatePrimaryKeyValue: "generatePrimaryKeyValue", rowEditDialogBeforeOpen: "rowEditDialogBeforeOpen", rowEditDialogAfterOpen: "rowEditDialogAfterOpen", rowEditDialogBeforeClose: "rowEditDialogBeforeClose", rowEditDialogAfterClose: "rowEditDialogAfterClose", rowEditDialogContentsRendered: "rowEditDialogContentsRendered" }, usesInheritance: true, ngImport: i0 }); } } i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: IgGridUpdatingFeature, decorators: [{ type: Directive, args: [{ selector: 'updating', inputs: ['disabled', 'create', 'columnSettings', 'editMode', 'enableDeleteRow', 'enableAddRow', 'validation', 'doneLabel', 'doneTooltip', 'cancelLabel', 'cancelTooltip', 'addRowLabel', 'addRowTooltip', 'deleteRowLabel', 'deleteRowTooltip', 'showDoneCancelButtons', 'enableDataDirtyException', 'startEditTriggers', 'horizontalMoveOnEnter', 'excelNavigationMode', 'saveChangesSuccessHandler', 'saveChangesErrorHandler', 'swipeDistance', 'wrapAround', 'rowEditDialogOptions', 'dialogWidget', 'inherit'], outputs: ['editRowStarting', 'editRowStarted', 'editRowEnding', 'editRowEnded', 'editCellStarting', 'editCellStarted', 'editCellEnding', 'editCellEnded', 'rowAdding', 'rowAdded', 'rowDeleting', 'rowDeleted', 'dataDirty', 'generatePrimaryKeyValue', 'rowEditDialogBeforeOpen', 'rowEditDialogAfterOpen', 'rowEditDialogBeforeClose', 'rowEditDialogAfterClose', 'rowEditDialogContentsRendered'], standalone: false }] }], ctorParameters: () => [{ type: i0.ElementRef }] }); class IgGridGroupByFeature extends Feature { constructor(el) { super(el); } /** * Open groupby modal dialog */ /* istanbul ignore next */ openGroupByDialog() { return; } /** * Close groupby modal dialog */ /* istanbul ignore next */ closeGroupByDialog() { return; } /** * Render groupby modal dialog and its content */ /* istanbul ignore next */ renderGroupByModalDialog() { return; } /** * Open layouts dropdown */ /* istanbul ignore next */ openDropDown() { return; } /** * Close layouts dropdown */ /* istanbul ignore next */ closeDropDown() { return; } /** * Check whether column with specified key and layout is grouped * * @param key key of the column * @param layout layout name */ /* istanbul ignore next */ checkColumnIsGrouped(key, layout) { return; } /** * Get grouped data by value for the specific column. * NOTE: Before calling this function the data(that is passed as an argument) should be sorted by colKey. * * @param data data (sorted by colKey) that is used to get the records from. * @param colKey key of the column for which grouping will be applied. * @param idval value of the column by which grouping will be applied. */ /* istanbul ignore next */ getGroupedData(data, colKey, idval) { return; } /** * Adds a column to the group by columns list, executes the group by operation and updates the view. */ /* istanbul ignore next */ groupByColumns() { return; } /** * Groups by a column * * @param key Column Key - group by the column with the specified key * @param layout layout is an optional parameter. * If set it means the grouped column is not in the root level but is a child layout column * @param sortingDirection if not set it is taken from option defaultSortingDirection */ /* istanbul ignore next */ groupByColumn(key, layout, sortingDirection) { return; } /** * Removes the specified column from the group by columns list, executes the group by operation and updates the view. * * @param key Column Key - ungroup by the column with the specified key * @param layout Layout is an optional parameter. * If set it means the grouped column is not in the root level but is a child layout column. */ /* istanbul ignore next */ ungroupByColumn(key, layout) { return; } /** * Expand group row with specified id * * @param rowId data-id attribute of the group row in the DOM */ /* istanbul ignore next */ expand(rowId) { return; } /** * Expand group row with specified id * * @param rowId data-id attribute of the group row in the DOM */ /* istanbul ignore next */ collapse(rowId) { return; } /** * Clears the group by columns list and updates the view. */ /* istanbul ignore next */ ungroupAll() { return; } /** * Destroys the group by feature object. */ /* istanbul ignore next */ destroy() { return; } static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: IgGridGroupByFeature, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); } static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.1.3", type: IgGridGroupByFeature, isStandalone: false, selector: "group-by", inputs: { disabled: "disabled", create: "create", groupByAreaVisibility: "groupByAreaVisibility", initialExpand: "initialExpand", emptyGroupByAreaContent: "emptyGroupByAreaContent", emptyGroupByAreaContentSelectColumns: "emptyGroupByAreaContentSelectColumns", expansionIndicatorVisibility: "expansionIndicatorVisibility", groupByLabelWidth: "groupByLabelWidth", labelDragHelperOpacity: "labelDragHelperOpacity", indentation: "indentation", defaultSortingDirection: "defaultSortingDirection", groupedColumns: "groupedColumns", resultResponseKey: "resultResponseKey", groupedRowTextTemplate: "groupedRowTextTemplate", type: "type", groupByUrlKey: "groupByUrlKey", groupByUrlKeyAscValue: "groupByUrlKeyAscValue", groupByUrlKeyDescValue: "groupByUrlKeyDescValue", summarySettings: "summarySettings", columnSettings: "columnSettings", expandTooltip: "expandTooltip", collapseTooltip: "collapseTooltip", removeButtonTooltip: "removeButtonTooltip", modalDialogGroupByOnClick: "modalDialogGroupByOnClick", modalDialogGroupByButtonText: "modalDialogGroupByButtonText", modalDialogCaptionButtonDesc: "modalDialogCaptionButtonDesc", modalDialogCaptionButtonAsc: "modalDialogCaptionButtonAsc", modalDialogCaptionButtonUngroup: "modalDialogCaptionButtonUngroup", modalDialogCaptionText: "modalDialogCaptionText", modalDialogDropDownLabel: "modalDialogDropDownLabel", modalDialogRootLevelHierarchicalGrid: "modalDialogRootLevelHierarchicalGrid", modalDialogDropDownButtonCaption: "modalDialogDropDownButtonCaption", modalDialogClearAllButtonLabel: "modalDialogClearAllButtonLabel", emptyGroupByAreaContentSelectColumnsCaption: "emptyGroupByAreaContentSelectColumnsCaption", modalDialogDropDownWidth: "modalDialogDropDownWidth", modalDialogDropDownAreaWidth: "modalDialogDropDownAreaWidth", modalDialogAnimationDuration: "modalDialogAnimationDuration", modalDialogWidth: "modalDialogWidth", modalDialogHeight: "modalDialogHeight", modalDialogButtonApplyText: "modalDialogButtonApplyText", modalDialogButtonCancelText: "modalDialogButtonCancelText", useGridColumnFormatter: "useGridColumnFormatter", persist: "persist", groupByDialogContainment: "groupByDialogContainment", dialogWidget: "dialogWidget", inherit: "inherit" }, outputs: { groupedColumnsChanging: "groupedColumnsChanging", groupedColumnsChanged: "groupedColumnsChanged", modalDialogMoving: "modalDialogMoving", modalDialogClosing: "modalDialogClosing", modalDialogClosed: "modalDialogClosed", modalDialogOpening: "modalDialogOpening", modalDialogOpened: "modalDialogOpened", modalDialogContentsRendering: "modalDialogContentsRendering", modalDialogContentsRendered: "modalDialogContentsRendered", modalDialogButtonApplyClick: "modalDialogButtonApplyClick", modalDialogButtonResetClick: "modalDialogButtonResetClick", modalDialogGroupingColumn: "modalDialogGroupingColumn", modalDialogGroupColumn: "modalDialogGroupColumn", modalDialogUngroupingColumn: "modalDialogUngroupingColumn", modalDialogUngroupColumn: "modalDialogUngroupColumn", modalDialogSortGroupedColumn: "modalDialogSortGroupedColumn" }, usesInheritance: true, ngImport: i0 }); } } i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: IgGridGroupByFeature, decorators: [{ type: Directive, args: [{ selector: 'group-by', inputs: ['disabled', 'create', 'groupByAreaVisibility', 'initialExpand', 'emptyGroupByAreaContent', 'emptyGroupByAreaContentSelectColumns', 'expansionIndicatorVisibility', 'groupByLabelWidth', 'labelDragHelperOpacity', 'indentation', 'defaultSortingDirection', 'groupedColumns', 'resultResponseKey', 'groupedRowTextTemplate', 'type', 'groupByUrlKey', 'groupByUrlKeyAscValue', 'groupByUrlKeyDescValue', 'summarySettings', 'columnSettings', 'expandTooltip', 'collapseTooltip', 'removeButtonTooltip', 'modalDialogGroupByOnClick', 'modalDialogGroupByButtonText', 'modalDialogCaptionButtonDesc', 'modalDialogCaptionButtonAsc', 'modalDialogCaptionButtonUngroup', 'modalDialogCaptionText', 'modalDialogDropDownLabel', 'modalDialogRootLevelHierarchicalGrid', 'modalDialogDropDownButtonCaption', 'modalDialogClearAllButtonLabel', 'emptyGroupByAreaContentSelectColumnsCaption', 'modalDialogDropDownWidth', 'modalDialogDropDownAreaWidth', 'modalDialogAnimationDuration', 'modalDialogWidth', 'modalDialogHeight', 'modalDialogButtonApplyText', 'modalDialogButtonCancelText', 'useGridColumnFormatter', 'persist', 'groupByDialogContainment', 'dialogWidget', 'inherit'], outputs: ['groupedColumnsChanging', 'groupedColumnsChanged', 'modalDialogMoving', 'modalDialogClosing', 'modalDialogClosed', 'modalDialogOpening', 'modalDialogOpened', 'modalDialogContentsRendering', 'modalDialogContentsRendered', 'modalDialogButtonApplyClick', 'modalDialogButtonResetClick', 'modalDialogGroupingColumn', 'modalDialogGroupColumn', 'modalDialogUngroupingColumn', 'modalDialogUngroupColumn', 'modalDialogSortGroupedColumn'], standalone: false }] }], ctorParameters: () => [{ type: i0.ElementRef }] }); class IgGridColumnMovingFeature extends Feature { constructor(el) { super(el); } /** * Restoring overwritten functions */ /* istanbul ignore next */ destroy() { return; } /** * Moves a visible column at a specified place, in front or behind a target column or at a target index * Note: This method is asynchronous which means that it returns immediately and any subsequent code will execute in parallel. * This may lead to runtime errors. To avoid them put the subsequent code in the callback parameter provided by the method. * * @param column An identifier of the column to be moved. * It can be a key, a Multi-Column Header identificator, or an index in a number format. * The latter is not supported when the grid contains multi-column headers. * @param target An identifier of a column where the moved column should move to or an index at which the moved column should * be moved to. In the case of a column identifier the column will be moved after it by default. * @param after Specifies whether the column moved should be moved after or before the target column. * @param inDom Specifies whether the column moving will be enacted through DOM manipulation or through rerendering of the grid. * @param callback Specifies a custom function to be called when the column is moved. */ /* istanbul ignore next */ moveColumn(column, target, after, inDom, callback) { return; } static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: IgGridColumnMovingFeature, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); } static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.1.3", type: IgGridColumnMovingFeature, isStandalone: false, selector: "column-moving", inputs: { disabled: "disabled", create: "create", columnSettings: "columnSettings", mode: "mode", moveType: "moveType", addMovingDropdown: "addMovingDropdown", movingDialogWidth: "movingDialogWidth", movingDialogHeight: "movingDialogHeight", movingDialogAnimationDuration: "movingDialogAnimationDuration", movingAcceptanceTolerance: "movingAcceptanceTolerance", movingScrollTolerance: "movingScrollTolerance", scrollSpeedMultiplier: "scrollSpeedMultiplier", scrollDelta: "scrollDelta", hideHeaderContentsDuringDrag: "hideHeaderContentsDuringDrag", dragHelperOpacity: "dragHelperOpacity", movingDialogCaptionButtonDesc: "movingDialogCaptionButtonDesc", movingDialogCaptionButtonAsc: "movingDialogCaptionButtonAsc", movingDialogCaptionText: "movingDialogCaptionText", movingDialogDisplayText: "movingDialogDisplayText", movingDialogDropTooltipText: "movingDialogDropTooltipText", movingDialogDropTooltipMarkup: "movingDialogDropTooltipMarkup", dropDownMoveLeftText: "dropDownMoveLeftText", dropDownMoveRightText: "dropDownMoveRightText", dropDownMoveFirstText: "dropDownMoveFirstText", dropDownMoveLastText: "dropDownMoveLastText", movingToolTipMove: "movingToolTipMove", featureChooserSubmenuText: "featureChooserSubmenuText", columnMovingDialogContainment: "columnMovingDialogContainment", dialogWidget: "dialogWidget", inherit: "inherit" }, outputs: { columnDragStart: "columnDragStart", columnDragEnd: "columnDragEnd", columnDragCanceled: "columnDragCanceled", columnMoving: "columnMoving", columnMoved: "columnMoved", movingDialogOpening: "movingDialogOpening", movingDialogOpened: "movingDialogOpened", movingDialogDragged: "movingDialogDragged", movingDialogClosing: "movingDialogClosing", movingDialogClosed: "movingDialogClosed", movingDialogContentsRendering: "movingDialogContentsRendering", movingDialogContentsRendered: "movingDialogContentsRendered", movingDialogMoveUpButtonPressed: "movingDialogMoveUpButtonPressed", movingDialogMoveDownButtonPressed: "movingDialogMoveDownButtonPressed", movingDialogDragColumnMoving: "movingDialogDragColumnMoving", movingDialogDragColumnMoved: "movingDialogDragColumnMoved" }, usesInheritance: true, ngImport: i0 }); } } i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: IgGridColumnMovingFeature, decorators: [{ type: Directive, args: [{ selector: 'column-moving', inputs: ['disabled', 'create', 'columnSettings', 'mode', 'moveType', 'addMovingDropdown', 'movingDialogWidth', 'movingDialogHeight', 'movingDialogAnimationDuration', 'movingAcceptanceTolerance', 'movingScrollTolerance', 'scrollSpeedMultiplier', 'scrollDelta', 'hideHeaderContentsDuringDrag', 'dragHelperOpacity', 'movingDialogCaptionButtonDesc', 'movingDialogCaptionButtonAsc', 'movingDialogCaptionText', 'movingDialogDisplayText', 'movingDialogDropTooltipText', 'movingDialogDropTooltipMarkup', 'dropDownMoveLeftText', 'dropDownMoveRightText', 'dropDownMoveFirstText', 'dropDownMoveLastText', 'movingToolTipMove', 'featureChooserSubmenuText', 'columnMovingDialogContainment', 'dialogWidget', 'inherit'], outputs: ['columnDragStart', 'columnDragEnd', 'columnDragCanceled', 'columnMoving', 'columnMoved', 'movingDialogOpening', 'movingDialogOpened', 'movingDialogDragged', 'movingDialogClosing', 'movingDialogClosed', 'movingDialogContentsRendering', 'movingDialogContentsRendered', 'movingDialogMoveUpButtonPressed', 'movingDialogMoveDownButtonPressed', 'movingDialogDragColumnMoving', 'movingDialogDragColumnMoved'], standalone: false }] }], ctorParameters: () => [{ type: i0.ElementRef }] }); class IgGridHidingFeature extends Feature { constructor(el) { super(el); } /** * Destroys the hiding widget */ /* istanbul ignore next */ destroy() { return; } /** * Shows the Column Chooser dialog. If it is visible the method