@colijnit/corecomponents_v12 260.1.10 → 260.1.12
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +24 -24
- package/bundles/colijnit-corecomponents_v12.umd.js +19 -4
- package/bundles/colijnit-corecomponents_v12.umd.js.map +1 -1
- package/colijnit-corecomponents_v12.metadata.json +1 -1
- package/esm2015/lib/components/base/base-input.component.js +3 -1
- package/esm2015/lib/components/co-dialog/co-dialog.component.js +22 -22
- package/esm2015/lib/components/co-dialog-wizard/co-dialog-wizard.component.js +16 -16
- package/esm2015/lib/components/filter-item/filter-item.component.js +162 -162
- package/esm2015/lib/components/input-number-picker/input-number-picker.component.js +33 -33
- package/esm2015/lib/components/input-number-picker/input-number-picker.module.js +1 -1
- package/esm2015/lib/components/list-of-values/list-of-values-popup.component.js +6 -2
- package/esm2015/lib/components/list-of-values/list-of-values.component.js +2 -2
- package/esm2015/lib/components/simple-grid/simple-grid-cell.component.js +31 -31
- package/esm2015/lib/components/simple-grid/simple-grid.component.js +189 -181
- package/esm2015/lib/core/enum/core-components-icon.enum.js +1 -1
- package/esm2015/lib/core/model/core-components-icon-svg.js +1 -1
- package/esm2015/lib/directives/screen-configuration/screen-configuration.module.js +1 -1
- package/esm2015/public-api.js +1 -1
- package/fesm2015/colijnit-corecomponents_v12.js +455 -441
- package/fesm2015/colijnit-corecomponents_v12.js.map +1 -1
- package/lib/components/base/base-input.component.d.ts +1 -0
- package/lib/components/calendar/style/_material-definition.scss +46 -46
- package/lib/components/simple-grid/simple-grid.component.d.ts +2 -1
- package/lib/components/simple-grid/style/_layout.scss +7 -25
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -1,24 +1,24 @@
|
|
|
1
|
-
# Corecomponents
|
|
2
|
-
|
|
3
|
-
This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 12.2.0.
|
|
4
|
-
|
|
5
|
-
## Code scaffolding
|
|
6
|
-
|
|
7
|
-
Run `ng generate component component-name --project corecomponents` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module --project corecomponents`.
|
|
8
|
-
> Note: Don't forget to add `--project corecomponents` or else it will be added to the default project in your `angular.json` file.
|
|
9
|
-
|
|
10
|
-
## Build
|
|
11
|
-
|
|
12
|
-
Run `ng build corecomponents` to build the project. The build artifacts will be stored in the `dist/` directory.
|
|
13
|
-
|
|
14
|
-
## Publishing
|
|
15
|
-
|
|
16
|
-
After building your library with `ng build corecomponents`, go to the dist folder `cd dist/corecomponents` and run `npm publish`.
|
|
17
|
-
|
|
18
|
-
## Running unit tests
|
|
19
|
-
|
|
20
|
-
Run `ng test corecomponents` to execute the unit tests via [Karma](https://karma-runner.github.io).
|
|
21
|
-
|
|
22
|
-
## Further help
|
|
23
|
-
|
|
24
|
-
To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI Overview and Command Reference](https://angular.io/cli) page.
|
|
1
|
+
# Corecomponents
|
|
2
|
+
|
|
3
|
+
This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 12.2.0.
|
|
4
|
+
|
|
5
|
+
## Code scaffolding
|
|
6
|
+
|
|
7
|
+
Run `ng generate component component-name --project corecomponents` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module --project corecomponents`.
|
|
8
|
+
> Note: Don't forget to add `--project corecomponents` or else it will be added to the default project in your `angular.json` file.
|
|
9
|
+
|
|
10
|
+
## Build
|
|
11
|
+
|
|
12
|
+
Run `ng build corecomponents` to build the project. The build artifacts will be stored in the `dist/` directory.
|
|
13
|
+
|
|
14
|
+
## Publishing
|
|
15
|
+
|
|
16
|
+
After building your library with `ng build corecomponents`, go to the dist folder `cd dist/corecomponents` and run `npm publish`.
|
|
17
|
+
|
|
18
|
+
## Running unit tests
|
|
19
|
+
|
|
20
|
+
Run `ng test corecomponents` to execute the unit tests via [Karma](https://karma-runner.github.io).
|
|
21
|
+
|
|
22
|
+
## Further help
|
|
23
|
+
|
|
24
|
+
To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI Overview and Command Reference](https://angular.io/cli) page.
|
|
@@ -2276,6 +2276,7 @@
|
|
|
2276
2276
|
this.keyDown = new i0.EventEmitter();
|
|
2277
2277
|
this.keyUp = new i0.EventEmitter();
|
|
2278
2278
|
this.modelChange = new i0.EventEmitter();
|
|
2279
|
+
this.selectedValueChange = new i0.EventEmitter();
|
|
2279
2280
|
this.userModelChange = new i0.EventEmitter();
|
|
2280
2281
|
this.hiddenChange = new i0.EventEmitter();
|
|
2281
2282
|
this.cancelClicked = new i0.EventEmitter();
|
|
@@ -3188,6 +3189,7 @@
|
|
|
3188
3189
|
keyDown: [{ type: i0.Output }],
|
|
3189
3190
|
keyUp: [{ type: i0.Output }],
|
|
3190
3191
|
modelChange: [{ type: i0.Output }],
|
|
3192
|
+
selectedValueChange: [{ type: i0.Output }],
|
|
3191
3193
|
userModelChange: [{ type: i0.Output }],
|
|
3192
3194
|
hiddenChange: [{ type: i0.Output }],
|
|
3193
3195
|
cancelClicked: [{ type: i0.Output }],
|
|
@@ -10395,7 +10397,16 @@
|
|
|
10395
10397
|
this._resetEdit();
|
|
10396
10398
|
this._detectChanges();
|
|
10397
10399
|
};
|
|
10398
|
-
SimpleGridComponent.prototype.removeRow = function () {
|
|
10400
|
+
SimpleGridComponent.prototype.removeRow = function (row) {
|
|
10401
|
+
this.deleteRow.next(row);
|
|
10402
|
+
if (this.currentPage !== 1) {
|
|
10403
|
+
this.currentPage = 1;
|
|
10404
|
+
this.selectedRowIndex = -1;
|
|
10405
|
+
window.scrollTo({ top: 0, behavior: 'smooth' });
|
|
10406
|
+
}
|
|
10407
|
+
this._detectChanges();
|
|
10408
|
+
};
|
|
10409
|
+
SimpleGridComponent.prototype.removeSelectedRow = function () {
|
|
10399
10410
|
var absoluteIndex = this.selectedRowIndex;
|
|
10400
10411
|
if (this.rowsPerPage) {
|
|
10401
10412
|
absoluteIndex = (this.currentPage - 1) * this.rowsPerPage + this.selectedRowIndex;
|
|
@@ -10841,7 +10852,7 @@
|
|
|
10841
10852
|
SimpleGridComponent.decorators = [
|
|
10842
10853
|
{ type: i0.Component, args: [{
|
|
10843
10854
|
selector: 'co-simple-grid',
|
|
10844
|
-
template: "\n <co-grid-toolbar\n *ngIf=\"showToolbar\" [class.right]=\"rightToolbar\"\n [showEdit]=\"showEdit\"\n [showAdd]=\"showAdd\"\n [showDelete]=\"showDelete\"\n [deleteEnabled]=\"selectedRowIndex > -1\"\n (addClick)=\"addNewRow()\"\n (editClick)=\"editRow($event)\"\n (saveClick)=\"validateAndSave()\"\n (cancelClick)=\"cancelEditRow()\"\n (deleteClick)=\"
|
|
10855
|
+
template: "\n <co-grid-toolbar\n *ngIf=\"showToolbar\" [class.right]=\"rightToolbar\"\n [showEdit]=\"showEdit\"\n [showAdd]=\"showAdd\"\n [showDelete]=\"showDelete\"\n [deleteEnabled]=\"selectedRowIndex > -1\"\n (addClick)=\"addNewRow()\"\n (editClick)=\"editRow($event)\"\n (saveClick)=\"validateAndSave()\"\n (cancelClick)=\"cancelEditRow()\"\n (deleteClick)=\"removeSelectedRow()\">\n </co-grid-toolbar>\n\n <table\n id=\"simple-grid-table\"\n class=\"simple-grid-table\"\n [clickOutside]=\"editing\"\n (clickOutside)=\"handleClickOutsideRow()\">\n <colgroup>\n <col\n *ngFor=\"let column of headerColumnsCopy; let index = index\"\n [class.simple-grid-column-auto-fit]=\"column.autoFit\"\n [style.width.px]=\"column.width\"\n [style.min-width.px]=\"MIN_COLUMN_WIDTH\">\n <col\n *ngIf=\"showRowButtons\"\n [class.simple-grid-column-auto-fit]=\"true\"\n [style.min-width.px]=\"MIN_COLUMN_WIDTH\">\n >\n </colgroup>\n <thead>\n <tr>\n <th\n scope=\"col\"\n #headerCell\n class=\"simple-grid-column-header\"\n *ngFor=\"let column of headerColumnsCopy; let index = index\">\n <div\n class=\"simple-grid-column-header-wrapper\"\n [class.resizable]=\"resizable\"\n [class.selected]=\"column.isSelected\"\n [ngClass]=\"column.textAlign ? column.textAlign : defaultTextAlign\">\n <ng-container *ngIf=\"column.headerTemplate; else noHeaderTemplate\">\n <ng-container [ngTemplateOutlet]=\"column.headerTemplate\"></ng-container>\n </ng-container>\n <ng-template #noHeaderTemplate>\n <div\n class=\"simple-grid-column-header-label\"\n [ngClass]=\"column.textAlign ? column.textAlign : defaultTextAlign\"\n [class.with-menu]=\"showGridSettings\"\n [class.with-sort]=\"showColumnSort\"\n [textContent]=\"column.headerText || ' '\" [title]=\"column.headerText\"\n (click)=\"showColumnSort ? sortColumn(column, column.field) : toggleColumnMenu(column)\">\n </div>\n\n <div class=\"sort-column\" *ngIf=\"showColumnSort\">\n <co-button\n (click)=\"sortColumn(column, column?.field)\"\n [iconData]=\"icons.getIcon(Icons.ArrowUpArrowDown)\">\n </co-button>\n </div>\n\n <div class=\"column-menu\" *ngIf=\"column.isSelected\">\n <h3 [textContent]=\"'COLUMN_OPTIONS' | coreLocalize\"></h3>\n <ul>\n <li (click)=\"hideColumn(column)\">Hide Column</li>\n <li (click)=\"sortColumn(column, column.field)\">Sort Column</li>\n </ul>\n </div>\n </ng-template>\n <div\n *ngIf=\"resizable && column.resizable\"\n class=\"simple-grid-column-sizer\"\n (mousedown)=\"handleSizerMouseDown($event, column)\">\n </div>\n </div>\n </th>\n </tr>\n\n <div *ngIf=\"showGridSettings\" class=\"grid-settings\">\n <co-button\n [class.selected]=\"isSettingsMenuOpen\"\n [iconData]=\"icons.getIcon(Icons.CogWheels)\"\n (click)=\"toggleSettingsMenu()\">\n </co-button>\n\n <div class=\"settings-menu\" *ngIf=\"isSettingsMenuOpen\">\n <h3 [textContent]=\"'GRID_OPTIONS' | coreLocalize\"></h3>\n <ul>\n <li (click)=\"exportToExcel()\">Export to Excel</li>\n <li *ngIf=\"headerColumnsCopy.length !== headerColumns.length\" (click)=\"showAllColumns()\">\n Show All Columns\n </li>\n </ul>\n </div>\n </div>\n </thead>\n <tbody\n #dropList cdkDropList cdkDropListOrientation=\"vertical\"\n class=\"simple-grid-drag-drop-list\"\n [cdkDropListDisabled]=\"!dragDropEnabled || editing\"\n [cdkDropListData]=\"data\"\n [cdkDropListEnterPredicate]=\"handleCanDragDrop\"\n (cdkDropListDropped)=\"handleDrop($event)\">\n <co-form class=\"simple-grid-row-form\">\n <tr\n #rowElement\n class=\"simple-grid-row\"\n [class.selected]=\"rowIndex === selectedRowIndex && !editing\" observeVisibility\n [class.disabled]=\"getIsRowDisabled(rowIndex)\"\n [class.editing]=\"rowIndex === editRowIndex\"\n *ngFor=\"let row of (!!rowsPerPage ? (data | paginate: {itemsPerPage: rowsPerPage, currentPage: currentPage}) : data); last as last; let rowIndex = index\"\n cdkDrag\n (click)=\"handleClickRow($event, rowIndex)\" (dblclick)=\"handleDblClickRow($event, rowIndex, row)\"\n (visibilityChange)=\"rowVisible.next(row)\"\n (mouseenter)=\"hoveredRowIndex = rowIndex\"\n (mouseleave)=\"hoveredRowIndex = -1\"\n >\n <ng-container *ngIf=\"isSingleColumnRow(row)\">\n <td class=\"simple-grid-single-column-cell\" [attr.colspan]=\"headerColumnsCopy.length\">\n <co-simple-grid-cell\n [column]=\"columns[singleColumnIndex(row)]\"\n [row]=\"row\"\n [editMode]=\"false\">\n </co-simple-grid-cell>\n </td>\n </ng-container>\n <ng-container *ngIf=\"!isSingleColumnRow(row)\">\n <ng-container *ngFor=\"let column of headerColumnsCopy; let columnIndex = index\">\n <td class=\"simple-grid-column-cell\" *ngIf=\"columnIndex !== singleColumnIndex(row)\">\n <co-simple-grid-cell\n [column]=\"column\"\n [row]=\"row\"\n [editMode]=\"inlineEdit && editing && rowIndex === editRowIndex\"\n [fieldEditMode]=\"editCellIndex === columnIndex && rowIndex === editRowIndex\"\n (cellClick)=\"handleCellClick($event, row, rowIndex, columnIndex)\">\n </co-simple-grid-cell>\n <div *ngIf=\"column.resizable\" class=\"simple-grid-column-sizer-placeholder\"></div>\n </td>\n </ng-container>\n <ng-container *ngIf=\"showRowButtons\">\n <td class=\"icons-container\" [class.show-content]=\"selectedRowIndex === rowIndex || hoveredRowIndex === rowIndex\">\n <ng-container>\n <co-icon class=\"icon-item icon-edit\"\n *ngIf=\"editRowIndex !== rowIndex && inlineEdit\"\n [iconData]=\"icons.getIcon(Icons.PenToSquareSolid)\"\n (click)=\"editRow($event, true, rowIndex); $event.stopPropagation()\"></co-icon>\n <co-icon class=\"icon-item icon-delete\"\n [iconData]=\"icons.getIcon(Icons.TrashBin)\"\n *ngIf=\"(editRowIndex !== rowIndex && showDelete)\"\n (click)=\"removeRow(data[rowIndex])\"></co-icon>\n </ng-container>\n <ng-container *ngIf=\"editing && inlineEdit && (selectedRowIndex === rowIndex || isNewRow) && editRowIndex === rowIndex\">\n <co-button class=\"save-button\"\n [iconData]=\"icons.getIcon(Icons.CheckDuotone)\"\n (click)=\"validateAndSave(); $event.stopPropagation()\"></co-button>\n <co-button class=\"close-button\"\n [iconData]=\"icons.getIcon(Icons.CrossSkinny)\"\n (click)=\"cancelEditRow(); $event.stopPropagation() \"></co-button>\n </ng-container>\n </td>\n </ng-container>\n </ng-container>\n </tr>\n </co-form>\n </tbody>\n </table>\n <co-pagination-bar\n *ngIf=\"data?.length > rowsPerPage\" class=\"pagination-bar\"\n [itemsPerPage]=\"rowsPerPage\"\n [currentPage]=\"currentPage\"\n [totalItems]=\"data.length\"\n [autoHide]=\"true\"\n (previousClick)=\"goToPreviousPage()\"\n (nextClick)=\"goToNextPage()\"\n (pageClick)=\"setCurrentPage($event)\">\n </co-pagination-bar>\n ",
|
|
10845
10856
|
providers: [FormMasterService],
|
|
10846
10857
|
changeDetection: i0.ChangeDetectionStrategy.OnPush,
|
|
10847
10858
|
encapsulation: i0.ViewEncapsulation.None
|
|
@@ -11910,7 +11921,11 @@
|
|
|
11910
11921
|
ListOfValuesPopupComponent.prototype._prepareViewModels = function () {
|
|
11911
11922
|
var _this = this;
|
|
11912
11923
|
this.viewModels.length = 0;
|
|
11913
|
-
this.viewModels = this.viewModelsMain.filter(function (vm) {
|
|
11924
|
+
this.viewModels = this.viewModelsMain.filter(function (vm) {
|
|
11925
|
+
return Object.values(vm.model).some(function (value) {
|
|
11926
|
+
return value.toString().toLowerCase().includes(_this.searchTerm ? _this.searchTerm.toLowerCase() : '');
|
|
11927
|
+
});
|
|
11928
|
+
});
|
|
11914
11929
|
};
|
|
11915
11930
|
ListOfValuesPopupComponent.prototype._scrollIntoView = function () {
|
|
11916
11931
|
var _this = this;
|
|
@@ -12177,7 +12192,7 @@
|
|
|
12177
12192
|
}
|
|
12178
12193
|
}
|
|
12179
12194
|
this.setModel(option);
|
|
12180
|
-
this.
|
|
12195
|
+
this.selectedValueChange.emit(option);
|
|
12181
12196
|
this.detectChanges();
|
|
12182
12197
|
};
|
|
12183
12198
|
ListOfValuesComponent.prototype.closePopup = function () {
|