@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.
Files changed (36) hide show
  1. package/bundles/colijnit-corecomponents_v12.umd.js +172 -31
  2. package/bundles/colijnit-corecomponents_v12.umd.js.map +1 -1
  3. package/colijnit-corecomponents_v12.metadata.json +1 -1
  4. package/esm2015/lib/components/base/base-input.component.js +2 -2
  5. package/esm2015/lib/components/input-date-range-picker/input-date-range-picker.component.js +46 -0
  6. package/esm2015/lib/components/input-date-range-picker/input-date-range-picker.module.js +23 -0
  7. package/esm2015/lib/components/input-search/input-search.component.js +26 -25
  8. package/esm2015/lib/components/input-search/input-search.module.js +6 -2
  9. package/esm2015/lib/components/input-text/input-text.component.js +10 -4
  10. package/esm2015/lib/components/simple-grid/base-simple-grid.component.js +61 -8
  11. package/esm2015/lib/components/simple-grid/simple-grid-column.directive.js +7 -3
  12. package/esm2015/lib/components/simple-grid/simple-grid.component.js +59 -36
  13. package/esm2015/public-api.js +3 -1
  14. package/fesm2015/colijnit-corecomponents_v12.js +221 -67
  15. package/fesm2015/colijnit-corecomponents_v12.js.map +1 -1
  16. package/lib/components/input-date-picker/style/_theme.scss +1 -1
  17. package/lib/components/input-date-range-picker/input-date-range-picker.component.d.ts +12 -0
  18. package/lib/components/input-date-range-picker/input-date-range-picker.module.d.ts +2 -0
  19. package/lib/components/input-date-range-picker/style/_layout.scss +7 -0
  20. package/lib/components/input-date-range-picker/style/_material-definition.scss +12 -0
  21. package/lib/components/input-date-range-picker/style/_theme.scss +3 -0
  22. package/lib/components/input-date-range-picker/style/material.scss +6 -0
  23. package/lib/components/input-search/input-search.component.d.ts +7 -13
  24. package/lib/components/input-search/style/_layout.scss +0 -35
  25. package/lib/components/input-search/style/_material-definition.scss +0 -6
  26. package/lib/components/input-search/style/_theme.scss +0 -2
  27. package/lib/components/input-text/input-text.component.d.ts +3 -1
  28. package/lib/components/input-text/style/_layout.scss +11 -0
  29. package/lib/components/simple-grid/base-simple-grid.component.d.ts +12 -1
  30. package/lib/components/simple-grid/simple-grid-column.directive.d.ts +4 -1
  31. package/lib/components/simple-grid/simple-grid.component.d.ts +2 -1
  32. package/lib/components/simple-grid/style/_layout.scss +26 -9
  33. package/lib/components/simple-grid/style/_material-definition.scss +1 -1
  34. package/lib/style/_variables.scss +2 -2
  35. package/package.json +1 -1
  36. 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
- return this._findInputNode(node.children);
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(_elementRef, changeDetector, componentFactoryResolver, formUserChangeListener, ngZoneWrapper) {
6394
- super(changeDetector, componentFactoryResolver, formUserChangeListener, ngZoneWrapper, _elementRef);
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: "co-input-search",
6481
+ selector: 'co-input-search',
6409
6482
  template: `
6410
- <co-icon class="search-icon" [icon]="searchIcon"></co-icon>
6411
- <input class="input" [placeholder]="placeHolderText">
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
- placeHolderText: [{ type: Input }],
6426
- showClass: [{ type: HostBinding, args: ["class.co-input-search",] }]
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.data = [];
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
- if (!this._columnForResize.width) {
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
- <div class="simple-grid-column-header-wrapper">
8379
- <div class="simple-grid-column-header" *ngFor="let column of columns; let index = index"
8380
- [style.min-width.px]="column.width" [style.max-width.px]="column.width" [style.padding-right.px]="isSingleColumn(column) ? 0 : 5">
8381
- <div class="simple-grid-column-header-label" [ngClass]="column.textAlign ? column.textAlign : defaultTextAlign"
8382
- [textContent]="column.headerText"
8383
- ></div>
8384
- <div *ngIf="column.resizable" class="simple-grid-column-sizer"
8385
- (mousedown)="handleSizerMouseDown($event, column)"
8386
- ></div>
8387
- </div>
8388
- </div>
8389
- <div cdkDropListGroup class="drop-list-group">
8390
- <div #dropList cdkDropList cdkDropListOrientation="vertical"
8391
- class="simple-grid-drag-drop-list"
8392
- [cdkDropListDisabled]="!dragDropEnabled"
8393
- [cdkDropListData]="data"
8394
- [cdkDropListEnterPredicate]="handleCanDragDrop"
8395
- (cdkDropListDropped)="handleDrop($event)"
8396
- >
8397
- <div class="simple-grid-row" [class.selected]="rowIndex === selectedRowIndex"
8398
- [class.editting]="rowIndex === editRowIndex" *ngFor="let row of data; let rowIndex = index" cdkDrag
8399
- (click)="handleClickRow($event, rowIndex)" (dblclick)="handleDblClickRow($event, rowIndex)">
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
- <div class="simple-grid-column-cell" *ngFor="let column of columns; let columnIndex = index"
8402
- [style.min-width]="isSingleColumn(column) ? 'fit-content' : column.width" [style.max-width.px]="column.width"
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]="column"
8546
+ [column]="columns[singleColumnIndex(row)]"
8406
8547
  [row]="row"
8407
- [editMode]="inlineEdit && editting && rowIndex === editRowIndex && !isSingleColumn(column) && !rowContainsSingleColumn(row, columns)"
8408
- [fieldEditMode]="editCellIndex === columnIndex"
8409
- (cellClick)="handleCellClick(columnIndex)"
8548
+ [editMode]="false"
8410
8549
  ></co-simple-grid-cell>
8411
- <div *ngIf="column.resizable" class="simple-grid-column-sizer-placeholder"></div>
8412
- </div>
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
- </div>
8415
- </div>
8416
- </div>
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