@colijnit/corecomponents_v12 12.0.26 → 12.0.29
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/bundles/colijnit-corecomponents_v12.umd.js +172 -31
- 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 +2 -2
- package/esm2015/lib/components/input-date-range-picker/input-date-range-picker.component.js +46 -0
- package/esm2015/lib/components/input-date-range-picker/input-date-range-picker.module.js +23 -0
- package/esm2015/lib/components/input-search/input-search.component.js +26 -25
- package/esm2015/lib/components/input-search/input-search.module.js +6 -2
- package/esm2015/lib/components/input-text/input-text.component.js +10 -4
- package/esm2015/lib/components/simple-grid/base-simple-grid.component.js +61 -8
- package/esm2015/lib/components/simple-grid/simple-grid-column.directive.js +7 -3
- package/esm2015/lib/components/simple-grid/simple-grid.component.js +59 -36
- package/esm2015/public-api.js +3 -1
- package/fesm2015/colijnit-corecomponents_v12.js +221 -67
- package/fesm2015/colijnit-corecomponents_v12.js.map +1 -1
- package/lib/components/input-date-picker/style/_theme.scss +1 -1
- package/lib/components/input-date-range-picker/input-date-range-picker.component.d.ts +12 -0
- package/lib/components/input-date-range-picker/input-date-range-picker.module.d.ts +2 -0
- package/lib/components/input-date-range-picker/style/_layout.scss +7 -0
- package/lib/components/input-date-range-picker/style/_material-definition.scss +12 -0
- package/lib/components/input-date-range-picker/style/_theme.scss +3 -0
- package/lib/components/input-date-range-picker/style/material.scss +6 -0
- package/lib/components/input-search/input-search.component.d.ts +7 -13
- package/lib/components/input-search/style/_layout.scss +0 -35
- package/lib/components/input-search/style/_material-definition.scss +0 -6
- package/lib/components/input-search/style/_theme.scss +0 -2
- package/lib/components/input-text/input-text.component.d.ts +3 -1
- package/lib/components/input-text/style/_layout.scss +11 -0
- package/lib/components/simple-grid/base-simple-grid.component.d.ts +12 -1
- package/lib/components/simple-grid/simple-grid-column.directive.d.ts +4 -1
- package/lib/components/simple-grid/simple-grid.component.d.ts +2 -1
- package/lib/components/simple-grid/style/_layout.scss +26 -9
- package/lib/components/simple-grid/style/_material-definition.scss +1 -1
- package/lib/style/_variables.scss +2 -2
- package/package.json +1 -1
- package/public-api.d.ts +2 -0
|
@@ -20,7 +20,7 @@ import { SwitchModule, CheckBoxModule, RadioButtonModule } from '@syncfusion/ej2
|
|
|
20
20
|
import { CheckBoxSelectionService, DropDownListModule, MultiSelectModule, MultiSelectAllModule, ComboBoxAllModule, ListBoxComponent, CheckBoxSelection, ListBoxModule } from '@syncfusion/ej2-angular-dropdowns';
|
|
21
21
|
import { RowDDService, GridModule, PageService, SortService, FilterService, GroupService, ReorderService, ResizeService, ExcelExportService, PdfExportService, EditService, ToolbarService as ToolbarService$1, ColumnChooserService, ColumnMenuService, ContextMenuService } from '@syncfusion/ej2-angular-grids';
|
|
22
22
|
import { enableRipple } from '@syncfusion/ej2-base';
|
|
23
|
-
import { DatePickerModule } from '@syncfusion/ej2-angular-calendars';
|
|
23
|
+
import { DatePickerModule, DateRangePickerModule } from '@syncfusion/ej2-angular-calendars';
|
|
24
24
|
import { TextBoxAllModule, NumericTextBoxModule } from '@syncfusion/ej2-angular-inputs';
|
|
25
25
|
import { GroupingBarService, GroupingService, ToolbarService as ToolbarService$2, ConditionalFormattingService, FieldListService, NumberFormattingService, PivotViewModule } from '@syncfusion/ej2-angular-pivotview';
|
|
26
26
|
import { OverlayConfig, Overlay } from '@angular/cdk/overlay';
|
|
@@ -3992,7 +3992,7 @@ class BaseInputComponent {
|
|
|
3992
3992
|
return node;
|
|
3993
3993
|
}
|
|
3994
3994
|
else if (node.children.length > 0) {
|
|
3995
|
-
|
|
3995
|
+
this._findInputNode(node.children);
|
|
3996
3996
|
}
|
|
3997
3997
|
}
|
|
3998
3998
|
}
|
|
@@ -5416,6 +5416,68 @@ InputDatePickerModule.decorators = [
|
|
|
5416
5416
|
},] }
|
|
5417
5417
|
];
|
|
5418
5418
|
|
|
5419
|
+
class InputDateRangePickerComponent extends BaseInputComponent {
|
|
5420
|
+
constructor() {
|
|
5421
|
+
super(...arguments);
|
|
5422
|
+
this.dateFormat = "dd-MM-yyyy";
|
|
5423
|
+
this.placeholder = "";
|
|
5424
|
+
this.startDateChange = new EventEmitter();
|
|
5425
|
+
this.endDateChange = new EventEmitter();
|
|
5426
|
+
}
|
|
5427
|
+
showClass() {
|
|
5428
|
+
return true;
|
|
5429
|
+
}
|
|
5430
|
+
dateRangeChange() {
|
|
5431
|
+
this.startDateChange.emit(this.startDate);
|
|
5432
|
+
this.endDateChange.emit(this.endDate);
|
|
5433
|
+
}
|
|
5434
|
+
}
|
|
5435
|
+
InputDateRangePickerComponent.decorators = [
|
|
5436
|
+
{ type: Component, args: [{
|
|
5437
|
+
selector: "co-input-date-range",
|
|
5438
|
+
template: `
|
|
5439
|
+
<ejs-daterangepicker
|
|
5440
|
+
[format]="dateFormat"
|
|
5441
|
+
[placeholder]="placeholder"
|
|
5442
|
+
[ngModel]="model"
|
|
5443
|
+
(ngModelChange)="dateRangeChange()"
|
|
5444
|
+
[(startDate)]="startDate"
|
|
5445
|
+
[(endDate)]="endDate"
|
|
5446
|
+
></ejs-daterangepicker>
|
|
5447
|
+
<div class="required-indicator"></div>
|
|
5448
|
+
<ng-template #validationError></ng-template>
|
|
5449
|
+
`,
|
|
5450
|
+
encapsulation: ViewEncapsulation.None
|
|
5451
|
+
},] }
|
|
5452
|
+
];
|
|
5453
|
+
InputDateRangePickerComponent.propDecorators = {
|
|
5454
|
+
dateFormat: [{ type: Input }],
|
|
5455
|
+
placeholder: [{ type: Input }],
|
|
5456
|
+
startDate: [{ type: Input }],
|
|
5457
|
+
endDate: [{ type: Input }],
|
|
5458
|
+
startDateChange: [{ type: Output }],
|
|
5459
|
+
endDateChange: [{ type: Output }],
|
|
5460
|
+
showClass: [{ type: HostBinding, args: ["class.co-input-date-range-picker",] }]
|
|
5461
|
+
};
|
|
5462
|
+
|
|
5463
|
+
class InputDateRangePickerModule {
|
|
5464
|
+
}
|
|
5465
|
+
InputDateRangePickerModule.decorators = [
|
|
5466
|
+
{ type: NgModule, args: [{
|
|
5467
|
+
imports: [
|
|
5468
|
+
BaseModule,
|
|
5469
|
+
DateRangePickerModule,
|
|
5470
|
+
FormsModule
|
|
5471
|
+
],
|
|
5472
|
+
declarations: [
|
|
5473
|
+
InputDateRangePickerComponent
|
|
5474
|
+
],
|
|
5475
|
+
exports: [
|
|
5476
|
+
InputDateRangePickerComponent
|
|
5477
|
+
]
|
|
5478
|
+
},] }
|
|
5479
|
+
];
|
|
5480
|
+
|
|
5419
5481
|
ListBoxComponent.Inject(CheckBoxSelection);
|
|
5420
5482
|
class InputListboxComponent extends BaseInputComponent {
|
|
5421
5483
|
constructor(formComponent, changeDetector, componentFactoryResolver, formUserChangeListener, ngZoneWrapper, elementRef) {
|
|
@@ -6094,22 +6156,26 @@ class InputTextComponent extends BaseInputComponent {
|
|
|
6094
6156
|
this.formUserChangeListener = formUserChangeListener;
|
|
6095
6157
|
this.ngZoneWrapper = ngZoneWrapper;
|
|
6096
6158
|
this.elementRef = elementRef;
|
|
6097
|
-
this.Icons = CoreComponentsIcon;
|
|
6098
6159
|
this.placeholder = "";
|
|
6099
6160
|
this.type = "text";
|
|
6100
6161
|
this.showClearButton = undefined;
|
|
6162
|
+
this.showPlaceholderOnFocus = true;
|
|
6101
6163
|
this.hasOwnLabel = true;
|
|
6102
6164
|
super._markAsOnPush();
|
|
6103
6165
|
}
|
|
6104
6166
|
showClass() {
|
|
6105
6167
|
return true;
|
|
6106
6168
|
}
|
|
6169
|
+
get hasLeftIcon() {
|
|
6170
|
+
return this.leftIcon !== undefined && this.leftIcon !== null;
|
|
6171
|
+
}
|
|
6107
6172
|
}
|
|
6108
6173
|
InputTextComponent.decorators = [
|
|
6109
6174
|
{ type: Component, args: [{
|
|
6110
6175
|
selector: "co-input-text",
|
|
6111
6176
|
template: `
|
|
6112
|
-
<label [textContent]="placeholder"></label>
|
|
6177
|
+
<label *ngIf="showPlaceholderOnFocus || (!showPlaceholderOnFocus && !hasValue && !focused)" [textContent]="placeholder"></label>
|
|
6178
|
+
<co-icon *ngIf="leftIcon" class="input-text-left-icon" [icon]="leftIcon"></co-icon>
|
|
6113
6179
|
<input #input
|
|
6114
6180
|
[type]="type"
|
|
6115
6181
|
[ngModel]="model"
|
|
@@ -6150,7 +6216,10 @@ InputTextComponent.propDecorators = {
|
|
|
6150
6216
|
type: [{ type: Input }],
|
|
6151
6217
|
showClearButton: [{ type: Input }],
|
|
6152
6218
|
keyDownWhiteList: [{ type: Input }],
|
|
6219
|
+
showPlaceholderOnFocus: [{ type: Input }],
|
|
6220
|
+
leftIcon: [{ type: Input }],
|
|
6153
6221
|
showClass: [{ type: HostBinding, args: ["class.co-input-text",] }],
|
|
6222
|
+
hasLeftIcon: [{ type: HostBinding, args: ['class.has-left-icon',] }],
|
|
6154
6223
|
hasOwnLabel: [{ type: HostBinding, args: ["class.has-own-label",] }]
|
|
6155
6224
|
};
|
|
6156
6225
|
|
|
@@ -6390,40 +6459,43 @@ InputRadioButtonModule.decorators = [
|
|
|
6390
6459
|
];
|
|
6391
6460
|
|
|
6392
6461
|
class InputSearchComponent extends BaseInputComponent {
|
|
6393
|
-
constructor(
|
|
6394
|
-
super(
|
|
6395
|
-
this._elementRef = _elementRef;
|
|
6396
|
-
this.changeDetector = changeDetector;
|
|
6397
|
-
this.componentFactoryResolver = componentFactoryResolver;
|
|
6398
|
-
this.formUserChangeListener = formUserChangeListener;
|
|
6399
|
-
this.ngZoneWrapper = ngZoneWrapper;
|
|
6462
|
+
constructor() {
|
|
6463
|
+
super(...arguments);
|
|
6400
6464
|
this.searchIcon = CoreComponentsIcon.Magnifier;
|
|
6465
|
+
this.search = new EventEmitter();
|
|
6401
6466
|
}
|
|
6402
6467
|
showClass() {
|
|
6403
6468
|
return true;
|
|
6404
6469
|
}
|
|
6470
|
+
handleKeyDown(event) {
|
|
6471
|
+
switch (event.code) {
|
|
6472
|
+
case 'Enter':
|
|
6473
|
+
event.preventDefault();
|
|
6474
|
+
this.search.next(this.model);
|
|
6475
|
+
return;
|
|
6476
|
+
}
|
|
6477
|
+
}
|
|
6405
6478
|
}
|
|
6406
6479
|
InputSearchComponent.decorators = [
|
|
6407
6480
|
{ type: Component, args: [{
|
|
6408
|
-
selector:
|
|
6481
|
+
selector: 'co-input-search',
|
|
6409
6482
|
template: `
|
|
6410
|
-
<co-
|
|
6411
|
-
|
|
6483
|
+
<co-input-text
|
|
6484
|
+
[model]="model"
|
|
6485
|
+
[leftIcon]="searchIcon"
|
|
6486
|
+
[placeholder]="placeholder"
|
|
6487
|
+
[showPlaceholderOnFocus]="false"
|
|
6488
|
+
(modelChange)="modelChange.emit($event)"
|
|
6489
|
+
></co-input-text>
|
|
6412
6490
|
`,
|
|
6413
6491
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
6414
6492
|
encapsulation: ViewEncapsulation.None
|
|
6415
6493
|
},] }
|
|
6416
6494
|
];
|
|
6417
|
-
InputSearchComponent.ctorParameters = () => [
|
|
6418
|
-
{ type: ElementRef },
|
|
6419
|
-
{ type: ChangeDetectorRef },
|
|
6420
|
-
{ type: ComponentFactoryResolver },
|
|
6421
|
-
{ type: FormInputUserModelChangeListenerService },
|
|
6422
|
-
{ type: NgZoneWrapperService }
|
|
6423
|
-
];
|
|
6424
6495
|
InputSearchComponent.propDecorators = {
|
|
6425
|
-
|
|
6426
|
-
|
|
6496
|
+
placeholder: [{ type: Input }],
|
|
6497
|
+
search: [{ type: Output }],
|
|
6498
|
+
showClass: [{ type: HostBinding, args: ['class.co-input-search',] }]
|
|
6427
6499
|
};
|
|
6428
6500
|
|
|
6429
6501
|
class InputSearchModule {
|
|
@@ -6432,7 +6504,9 @@ InputSearchModule.decorators = [
|
|
|
6432
6504
|
{ type: NgModule, args: [{
|
|
6433
6505
|
imports: [
|
|
6434
6506
|
CommonModule,
|
|
6435
|
-
IconModule
|
|
6507
|
+
IconModule,
|
|
6508
|
+
FormsModule,
|
|
6509
|
+
InputTextModule
|
|
6436
6510
|
],
|
|
6437
6511
|
declarations: [InputSearchComponent],
|
|
6438
6512
|
exports: [InputSearchComponent]
|
|
@@ -7975,7 +8049,8 @@ var ColumnAlign;
|
|
|
7975
8049
|
ColumnAlign["Right"] = "right-align";
|
|
7976
8050
|
})(ColumnAlign || (ColumnAlign = {}));
|
|
7977
8051
|
class SimpleGridColumnDirective {
|
|
7978
|
-
constructor() {
|
|
8052
|
+
constructor(elementRef) {
|
|
8053
|
+
this.elementRef = elementRef;
|
|
7979
8054
|
this.resizable = true;
|
|
7980
8055
|
this.required = false;
|
|
7981
8056
|
this.readonly = false;
|
|
@@ -8024,6 +8099,9 @@ SimpleGridColumnDirective.decorators = [
|
|
|
8024
8099
|
selector: "co-simple-grid-column"
|
|
8025
8100
|
},] }
|
|
8026
8101
|
];
|
|
8102
|
+
SimpleGridColumnDirective.ctorParameters = () => [
|
|
8103
|
+
{ type: ElementRef }
|
|
8104
|
+
];
|
|
8027
8105
|
SimpleGridColumnDirective.propDecorators = {
|
|
8028
8106
|
template: [{ type: ContentChild, args: ['template',] }],
|
|
8029
8107
|
editTemplate: [{ type: ContentChild, args: ['editTemplate',] }],
|
|
@@ -8044,8 +8122,9 @@ SimpleGridColumnDirective.propDecorators = {
|
|
|
8044
8122
|
|
|
8045
8123
|
class BaseSimpleGridComponent {
|
|
8046
8124
|
constructor() {
|
|
8047
|
-
this.
|
|
8125
|
+
this.MIN_COLUMN_WIDTH = 60;
|
|
8048
8126
|
this.dragDropEnabled = false;
|
|
8127
|
+
this.resizable = false;
|
|
8049
8128
|
this.inlineEdit = false;
|
|
8050
8129
|
this.showToolbar = false;
|
|
8051
8130
|
/**
|
|
@@ -8058,27 +8137,38 @@ class BaseSimpleGridComponent {
|
|
|
8058
8137
|
this.dblClickRow = new EventEmitter();
|
|
8059
8138
|
this.saveRow = new EventEmitter();
|
|
8060
8139
|
this.columns = [];
|
|
8140
|
+
this.headerColumns = [];
|
|
8141
|
+
this._data = [];
|
|
8142
|
+
this._prepared = false;
|
|
8061
8143
|
}
|
|
8062
8144
|
set content(columnComponents) {
|
|
8063
8145
|
this._setColumns(columnComponents.toArray());
|
|
8146
|
+
this._prepareData();
|
|
8147
|
+
}
|
|
8148
|
+
set data(value) {
|
|
8149
|
+
this._data = value;
|
|
8150
|
+
this._prepareData();
|
|
8151
|
+
}
|
|
8152
|
+
get data() {
|
|
8153
|
+
return this._data;
|
|
8064
8154
|
}
|
|
8065
8155
|
set extraColumns(value) {
|
|
8066
8156
|
this._setColumns(value);
|
|
8067
8157
|
}
|
|
8068
8158
|
handleMouseMove(event) {
|
|
8069
|
-
if (event.buttons === 1 && this._columnForResize) {
|
|
8070
|
-
|
|
8071
|
-
const rect = event.target.parentElement.getBoundingClientRect();
|
|
8072
|
-
this._columnForResize.width = rect.width;
|
|
8073
|
-
}
|
|
8074
|
-
this._columnForResize.width += event.movementX;
|
|
8159
|
+
if (this.resizable && event.buttons === 1 && this._columnForResize) {
|
|
8160
|
+
this._columnForResize.width = this._columnForResize.originalWidth - (this._startMousePositionX - event.clientX);
|
|
8075
8161
|
}
|
|
8076
8162
|
}
|
|
8077
8163
|
handleMouseUp(event) {
|
|
8164
|
+
this._startMousePositionX = undefined;
|
|
8078
8165
|
this._columnForResize = undefined;
|
|
8079
8166
|
}
|
|
8080
8167
|
handleSizerMouseDown(event, column) {
|
|
8168
|
+
this._setWidthOfAllColumns();
|
|
8169
|
+
this._startMousePositionX = event.clientX;
|
|
8081
8170
|
this._columnForResize = column;
|
|
8171
|
+
this._columnForResize.originalWidth = this._columnForResize.width;
|
|
8082
8172
|
}
|
|
8083
8173
|
handleCanDragDrop(drag, drop) {
|
|
8084
8174
|
return true;
|
|
@@ -8101,10 +8191,50 @@ class BaseSimpleGridComponent {
|
|
|
8101
8191
|
console.error(e);
|
|
8102
8192
|
}
|
|
8103
8193
|
}
|
|
8194
|
+
isSingleColumnRow(row) {
|
|
8195
|
+
return row.hasOwnProperty('singleColumnIndex');
|
|
8196
|
+
}
|
|
8197
|
+
singleColumnIndex(row) {
|
|
8198
|
+
return row.singleColumnIndex;
|
|
8199
|
+
}
|
|
8104
8200
|
_setColumns(columns) {
|
|
8105
8201
|
this.columns.push(...columns);
|
|
8106
8202
|
this.columns.sort((a, b) => a.order < b.order ? -1 : 1);
|
|
8107
8203
|
}
|
|
8204
|
+
_prepareData() {
|
|
8205
|
+
if (this._prepared) {
|
|
8206
|
+
return;
|
|
8207
|
+
}
|
|
8208
|
+
if (this.columns && this.columns.length > 0 && this.data && this.data.length > 0) {
|
|
8209
|
+
this.headerColumns = this.columns.filter(c => !c.singleColumn);
|
|
8210
|
+
let singleColumnIndex = -1;
|
|
8211
|
+
for (let i = 0; i < this.columns.length; i++) {
|
|
8212
|
+
if (this.columns[i].singleColumn) {
|
|
8213
|
+
singleColumnIndex = i;
|
|
8214
|
+
break;
|
|
8215
|
+
}
|
|
8216
|
+
}
|
|
8217
|
+
// first check if there's single column data
|
|
8218
|
+
if (singleColumnIndex > -1) {
|
|
8219
|
+
const field = this.columns[singleColumnIndex].field;
|
|
8220
|
+
for (let i = 0; i < this.data.length; i++) { // then mark row as single column row
|
|
8221
|
+
if (this.data[i][field] !== undefined && this.data[i][field] !== null && this.data[i][field] !== "") {
|
|
8222
|
+
// bit nasty to add prop, but cool for now
|
|
8223
|
+
this.data[i].singleColumnIndex = singleColumnIndex;
|
|
8224
|
+
}
|
|
8225
|
+
}
|
|
8226
|
+
}
|
|
8227
|
+
this._prepared = true;
|
|
8228
|
+
}
|
|
8229
|
+
}
|
|
8230
|
+
_setWidthOfAllColumns() {
|
|
8231
|
+
this.columns.forEach((column) => {
|
|
8232
|
+
if ((column.width === undefined || column.width === null) && column.elementRef && column.elementRef.nativeElement) {
|
|
8233
|
+
const rect = column.elementRef.nativeElement.getBoundingClientRect();
|
|
8234
|
+
column.width = rect.width;
|
|
8235
|
+
}
|
|
8236
|
+
});
|
|
8237
|
+
}
|
|
8108
8238
|
}
|
|
8109
8239
|
BaseSimpleGridComponent.decorators = [
|
|
8110
8240
|
{ type: Directive }
|
|
@@ -8113,6 +8243,7 @@ BaseSimpleGridComponent.propDecorators = {
|
|
|
8113
8243
|
content: [{ type: ContentChildren, args: [SimpleGridColumnDirective,] }],
|
|
8114
8244
|
data: [{ type: Input }],
|
|
8115
8245
|
dragDropEnabled: [{ type: Input }],
|
|
8246
|
+
resizable: [{ type: Input }],
|
|
8116
8247
|
inlineEdit: [{ type: Input }],
|
|
8117
8248
|
showToolbar: [{ type: Input }],
|
|
8118
8249
|
emitDragDrop: [{ type: Input }],
|
|
@@ -8138,6 +8269,12 @@ class SimpleGridComponent extends BaseSimpleGridComponent {
|
|
|
8138
8269
|
this._doubleClicked = false;
|
|
8139
8270
|
this._newRow = false;
|
|
8140
8271
|
}
|
|
8272
|
+
set headerCells(cells) {
|
|
8273
|
+
const headerElements = cells.toArray();
|
|
8274
|
+
for (let i = 0; i < headerElements.length; i++) {
|
|
8275
|
+
this.columns[i].elementRef = headerElements[i];
|
|
8276
|
+
}
|
|
8277
|
+
}
|
|
8141
8278
|
showClass() {
|
|
8142
8279
|
return true;
|
|
8143
8280
|
}
|
|
@@ -8375,45 +8512,61 @@ SimpleGridComponent.decorators = [
|
|
|
8375
8512
|
(saveClick)="validateAndSave()"
|
|
8376
8513
|
(cancelClick)="cancelEditRow()"
|
|
8377
8514
|
></co-grid-toolbar>
|
|
8378
|
-
<
|
|
8379
|
-
<
|
|
8380
|
-
|
|
8381
|
-
|
|
8382
|
-
|
|
8383
|
-
|
|
8384
|
-
<
|
|
8385
|
-
|
|
8386
|
-
|
|
8387
|
-
|
|
8388
|
-
|
|
8389
|
-
|
|
8390
|
-
|
|
8391
|
-
|
|
8392
|
-
|
|
8393
|
-
|
|
8394
|
-
|
|
8395
|
-
|
|
8396
|
-
|
|
8397
|
-
|
|
8398
|
-
[
|
|
8399
|
-
|
|
8515
|
+
<table class="simple-grid-table">
|
|
8516
|
+
<colgroup>
|
|
8517
|
+
<col *ngFor="let column of headerColumns; let index = index" [attr.width]="column.width">
|
|
8518
|
+
</colgroup>
|
|
8519
|
+
<thead>
|
|
8520
|
+
<tr>
|
|
8521
|
+
<th scope="col" #headerCell class="simple-grid-column-header" *ngFor="let column of headerColumns; let index = index">
|
|
8522
|
+
<div class="simple-grid-column-header-wrapper" [class.resizable]="resizable">
|
|
8523
|
+
<div class="simple-grid-column-header-label" [ngClass]="column.textAlign ? column.textAlign : defaultTextAlign"
|
|
8524
|
+
[textContent]="column.headerText"
|
|
8525
|
+
></div>
|
|
8526
|
+
<div *ngIf="resizable && column.resizable" class="simple-grid-column-sizer"
|
|
8527
|
+
(mousedown)="handleSizerMouseDown($event, column)"
|
|
8528
|
+
></div>
|
|
8529
|
+
</div>
|
|
8530
|
+
</th>
|
|
8531
|
+
</tr>
|
|
8532
|
+
</thead>
|
|
8533
|
+
<tbody #dropList cdkDropList cdkDropListOrientation="vertical"
|
|
8534
|
+
class="simple-grid-drag-drop-list"
|
|
8535
|
+
[cdkDropListDisabled]="!dragDropEnabled"
|
|
8536
|
+
[cdkDropListData]="data"
|
|
8537
|
+
[cdkDropListEnterPredicate]="handleCanDragDrop"
|
|
8538
|
+
(cdkDropListDropped)="handleDrop($event)">
|
|
8539
|
+
<tr class="simple-grid-row" [class.selected]="rowIndex === selectedRowIndex"
|
|
8540
|
+
[class.editting]="rowIndex === editRowIndex" *ngFor="let row of data; let rowIndex = index" cdkDrag
|
|
8541
|
+
(click)="handleClickRow($event, rowIndex)" (dblclick)="handleDblClickRow($event, rowIndex)">
|
|
8400
8542
|
<co-form class="simple-grid-row-form">
|
|
8401
|
-
<
|
|
8402
|
-
|
|
8403
|
-
[style.padding-right.px]="isSingleColumn(column) ? 0 : 5" >
|
|
8543
|
+
<ng-container *ngIf="isSingleColumnRow(row)">
|
|
8544
|
+
<td class="simple-grid-single-column-cell" [attr.colspan]="headerColumns.length">
|
|
8404
8545
|
<co-simple-grid-cell
|
|
8405
|
-
[column]="
|
|
8546
|
+
[column]="columns[singleColumnIndex(row)]"
|
|
8406
8547
|
[row]="row"
|
|
8407
|
-
[editMode]="
|
|
8408
|
-
[fieldEditMode]="editCellIndex === columnIndex"
|
|
8409
|
-
(cellClick)="handleCellClick(columnIndex)"
|
|
8548
|
+
[editMode]="false"
|
|
8410
8549
|
></co-simple-grid-cell>
|
|
8411
|
-
|
|
8412
|
-
</
|
|
8550
|
+
</td>
|
|
8551
|
+
</ng-container>
|
|
8552
|
+
<ng-container *ngIf="!isSingleColumnRow(row)">
|
|
8553
|
+
<ng-container *ngFor="let column of headerColumns; let columnIndex = index">
|
|
8554
|
+
<td class="simple-grid-column-cell" *ngIf="columnIndex !== singleColumnIndex(row)">
|
|
8555
|
+
<co-simple-grid-cell
|
|
8556
|
+
[column]="column"
|
|
8557
|
+
[row]="row"
|
|
8558
|
+
[editMode]="inlineEdit && editting && rowIndex === editRowIndex"
|
|
8559
|
+
[fieldEditMode]="editCellIndex === columnIndex"
|
|
8560
|
+
(cellClick)="handleCellClick(columnIndex)"
|
|
8561
|
+
></co-simple-grid-cell>
|
|
8562
|
+
<div *ngIf="column.resizable" class="simple-grid-column-sizer-placeholder"></div>
|
|
8563
|
+
</td>
|
|
8564
|
+
</ng-container>
|
|
8565
|
+
</ng-container>
|
|
8413
8566
|
</co-form>
|
|
8414
|
-
</
|
|
8415
|
-
</
|
|
8416
|
-
</
|
|
8567
|
+
</tr>
|
|
8568
|
+
</tbody>
|
|
8569
|
+
</table>
|
|
8417
8570
|
`,
|
|
8418
8571
|
providers: [
|
|
8419
8572
|
FormMasterService
|
|
@@ -8427,6 +8580,7 @@ SimpleGridComponent.ctorParameters = () => [
|
|
|
8427
8580
|
{ type: FormMasterService }
|
|
8428
8581
|
];
|
|
8429
8582
|
SimpleGridComponent.propDecorators = {
|
|
8583
|
+
headerCells: [{ type: ViewChildren, args: ["headerCell",] }],
|
|
8430
8584
|
showClass: [{ type: HostBinding, args: ["class.co-simple-grid",] }],
|
|
8431
8585
|
handleKeyDown: [{ type: HostListener, args: ['keydown', ['$event'],] }]
|
|
8432
8586
|
};
|
|
@@ -8623,5 +8777,5 @@ SimpleGridModule.decorators = [
|
|
|
8623
8777
|
* Generated bundle index. Do not edit.
|
|
8624
8778
|
*/
|
|
8625
8779
|
|
|
8626
|
-
export { ArticleTileComponent, ArticleTileModule, ButtonComponent, ButtonDropDownComponent, ButtonDropDownModule, ButtonModule, COMPONENT_INTERFACE_NAME, CardComponent, CardModule, Carousel3dComponent, Carousel3dModule, CoDialogComponent, CoDialogModule, CoDialogPromptComponent, CoDialogPromptModule, CoDialogWizardComponent, CoDialogWizardModule, CoGridComponent, CoGridModule, CoKanbanComponent, CoKanbanModule, CoPivotComponent, CoPivotModule, CoRichTextEditorComponent, CoRichTextEditorModule, CoScheduleComponent, CoScheduleModule, CoSidebarComponent, CoSidebarModule, CoToggleComponent, CoToggleModule, CollapsibleComponent, CollapsibleModule, ColumnAlign, CoreComponentsIcon, DropDownListComponent, DropDownModule, FormComponent, FormMasterService, FormModule, GridToolbarComponent, GridToolbarModule, IconCacheService, IconComponent, IconModule, ImageComponent, ImageModule, InputCheckboxComponent, InputCheckboxModule, InputCheckboxMultiSelectComponent, InputCheckboxMultiSelectModule, InputComboBoxComponent, InputComboBoxModule, InputDatePickerComponent, InputDatePickerModule, InputListboxComponent, InputListboxModule, InputNumberPickerComponent, InputNumberPickerModule, InputRadioButtonComponent, InputRadioButtonModule, InputSearchComponent, InputSearchModule, InputTextComponent, InputTextModule, InputTextareaComponent, InputTextareaModule, LevelIndicatorComponent, LevelIndicatorModule, MultiSelectListComponent, MultiSelectListModule, PopupButtonsComponent, PopupMessageDisplayComponent, PopupModule, PopupWindowShellComponent, PriceDisplayPipe, PriceDisplayPipeModule, PromptService, SimpleGridColumnDirective, SimpleGridComponent, SimpleGridModule, TextInputPopupComponent, TileComponent, TileModule, RippleModule as ɵa, MD_RIPPLE_GLOBAL_OPTIONS as ɵb, CoRippleDirective as ɵc, CoViewportRulerService as ɵd, CoScrollDispatcherService as ɵe, CoScrollableDirective as ɵf, StopClickModule as ɵg, StopClickDirective as ɵh, InputBoolean as ɵi, BaseModule as ɵj, FormInputUserModelChangeListenerService as ɵk, NgZoneWrapperService as ɵl, BaseInputComponent as ɵm, BaseSelectionGridComponent as ɵn, BaseInlineEditGridComponent as ɵo, BaseToolbarGridComponent as ɵp, BaseGridComponent as ɵq, AppendPipeModule as ɵr, AppendPipe as ɵs, ValidationErrorModule as ɵt, ValidationErrorComponent as ɵu, CommitButtonsModule as ɵv, CommitButtonsComponent as ɵw, PopupShowerService as ɵx, BaseSimpleGridComponent as ɵy, SimpleGridCellComponent as ɵz };
|
|
8780
|
+
export { ArticleTileComponent, ArticleTileModule, ButtonComponent, ButtonDropDownComponent, ButtonDropDownModule, ButtonModule, COMPONENT_INTERFACE_NAME, CardComponent, CardModule, Carousel3dComponent, Carousel3dModule, CoDialogComponent, CoDialogModule, CoDialogPromptComponent, CoDialogPromptModule, CoDialogWizardComponent, CoDialogWizardModule, CoGridComponent, CoGridModule, CoKanbanComponent, CoKanbanModule, CoPivotComponent, CoPivotModule, CoRichTextEditorComponent, CoRichTextEditorModule, CoScheduleComponent, CoScheduleModule, CoSidebarComponent, CoSidebarModule, CoToggleComponent, CoToggleModule, CollapsibleComponent, CollapsibleModule, ColumnAlign, CoreComponentsIcon, DropDownListComponent, DropDownModule, FormComponent, FormMasterService, FormModule, GridToolbarComponent, GridToolbarModule, IconCacheService, IconComponent, IconModule, ImageComponent, ImageModule, InputCheckboxComponent, InputCheckboxModule, InputCheckboxMultiSelectComponent, InputCheckboxMultiSelectModule, InputComboBoxComponent, InputComboBoxModule, InputDatePickerComponent, InputDatePickerModule, InputDateRangePickerComponent, InputDateRangePickerModule, InputListboxComponent, InputListboxModule, InputNumberPickerComponent, InputNumberPickerModule, InputRadioButtonComponent, InputRadioButtonModule, InputSearchComponent, InputSearchModule, InputTextComponent, InputTextModule, InputTextareaComponent, InputTextareaModule, LevelIndicatorComponent, LevelIndicatorModule, MultiSelectListComponent, MultiSelectListModule, PopupButtonsComponent, PopupMessageDisplayComponent, PopupModule, PopupWindowShellComponent, PriceDisplayPipe, PriceDisplayPipeModule, PromptService, SimpleGridColumnDirective, SimpleGridComponent, SimpleGridModule, TextInputPopupComponent, TileComponent, TileModule, RippleModule as ɵa, MD_RIPPLE_GLOBAL_OPTIONS as ɵb, CoRippleDirective as ɵc, CoViewportRulerService as ɵd, CoScrollDispatcherService as ɵe, CoScrollableDirective as ɵf, StopClickModule as ɵg, StopClickDirective as ɵh, InputBoolean as ɵi, BaseModule as ɵj, FormInputUserModelChangeListenerService as ɵk, NgZoneWrapperService as ɵl, BaseInputComponent as ɵm, BaseSelectionGridComponent as ɵn, BaseInlineEditGridComponent as ɵo, BaseToolbarGridComponent as ɵp, BaseGridComponent as ɵq, AppendPipeModule as ɵr, AppendPipe as ɵs, ValidationErrorModule as ɵt, ValidationErrorComponent as ɵu, CommitButtonsModule as ɵv, CommitButtonsComponent as ɵw, PopupShowerService as ɵx, BaseSimpleGridComponent as ɵy, SimpleGridCellComponent as ɵz };
|
|
8627
8781
|
//# sourceMappingURL=colijnit-corecomponents_v12.js.map
|