@colijnit/corecomponents_v12 259.1.23 → 259.1.25

package/fesm2015/colijnit-corecomponents_v12.js

@@ -9773,7 +9773,16 @@ class SimpleGridComponent extends BaseSimpleGridComponent {
         this._resetEdit();
         this._detectChanges();
     }
-    removeRow() {
+    removeRow(row) {
+        this.deleteRow.next(row);
+        if (this.currentPage !== 1) {
+            this.currentPage = 1;
+            this.selectedRowIndex = -1;
+            window.scrollTo({ top: 0, behavior: 'smooth' });
+        }
+        this._detectChanges();
+    }
+    removeSelectedRow() {
         let absoluteIndex = this.selectedRowIndex;
         if (this.rowsPerPage) {
             absoluteIndex = (this.currentPage - 1) * this.rowsPerPage + this.selectedRowIndex;
@@ -10178,7 +10187,7 @@ SimpleGridComponent.decorators = [
       (editClick)="editRow($event)"
       (saveClick)="validateAndSave()"
       (cancelClick)="cancelEditRow()"
-      (deleteClick)="removeRow()">
+      (deleteClick)="removeSelectedRow()">
     </co-grid-toolbar>
 
     <table
@@ -10193,10 +10202,10 @@ SimpleGridComponent.decorators = [
           [style.width.px]="column.width"
           [style.min-width.px]="MIN_COLUMN_WIDTH">
         <col
-          *ngIf="((inlineEdit && showRowButtons) || (showDelete && !showRowButtons)) && (hoveredRowIndex >= 0 || selectedRowIndex >= 0 || isNewRow)"
-          [class.icons-col]="true"
-          [class.col-width-row-buttons]="inlineEdit && showRowButtons"
-          [class.col-width-delete]="!showRowButtons && showDelete">
+          *ngIf="showRowButtons"
+          [class.simple-grid-column-auto-fit]="true"
+          [style.min-width.px]="MIN_COLUMN_WIDTH">
+        >
       </colgroup>
       <thead>
       <tr>
@@ -10308,20 +10317,19 @@ SimpleGridComponent.decorators = [
                 <div *ngIf="column.resizable" class="simple-grid-column-sizer-placeholder"></div>
               </td>
             </ng-container>
-            <ng-container *ngIf="(inlineEdit && showRowButtons) || (showDelete && !showRowButtons)">
-              <td class="icons-container"
-                  *ngIf="(editRowIndex <= -1 && selectedRowIndex === -1 && hoveredRowIndex === rowIndex) || selectedRowIndex === rowIndex || (isNewRow && rowIndex === editRowIndex)">
+            <ng-container *ngIf="showRowButtons">
+              <td class="icons-container" [class.show-content]="selectedRowIndex === rowIndex || hoveredRowIndex === rowIndex">
                 <ng-container>
                   <co-icon class="icon-item icon-edit"
-                           *ngIf="!editing && (inlineEdit && showRowButtons)"
+                           *ngIf="editRowIndex !== rowIndex && inlineEdit"
                            [iconData]="icons.getIcon(Icons.PenToSquareSolid)"
                            (click)="editRow($event, true, rowIndex); $event.stopPropagation()"></co-icon>
                   <co-icon class="icon-item icon-delete"
                            [iconData]="icons.getIcon(Icons.TrashBin)"
-                           *ngIf="(!editing && (inlineEdit || !inlineEdit) && showRowButtons) || (!showRowButtons && showDelete)"
-                           (click)="selectTheRow(rowIndex); removeRow();"></co-icon>
+                           *ngIf="(editRowIndex !== rowIndex && showDelete)"
+                           (click)="removeRow(data[rowIndex])"></co-icon>
                 </ng-container>
-                <ng-container *ngIf="editing && inlineEdit && showRowButtons && (selectedRowIndex === rowIndex || isNewRow)">
+                <ng-container *ngIf="editing && inlineEdit && (selectedRowIndex === rowIndex || isNewRow) && editRowIndex === rowIndex">
                   <co-button class="save-button"
                              [iconData]="icons.getIcon(Icons.CheckDuotone)"
                              (click)="validateAndSave(); $event.stopPropagation()"></co-button>
@@ -11564,11 +11572,11 @@ class ListOfValuesComponent extends BaseInputComponent {
         }
         this.selectedModel = model;
     }
-    onModelChange(text) {
+    onModelChange(model) {
         this.isLoading = true;
         clearTimeout(this.debounceTimeout);
         this.debounceTimeout = setTimeout(() => {
-            this.applyFilter(text);
+            this.applyFilter(model);
         }, 300);
     }
     applyFilter(text) {
@@ -11599,6 +11607,9 @@ class ListOfValuesComponent extends BaseInputComponent {
             (((_b = this.filteredCollection) === null || _b === void 0 ? void 0 : _b.length) > 0 && ((_c = this.filterText) === null || _c === void 0 ? void 0 : _c.length) > 2) ? this.openPopup() : this.closePopup();
             this.isLoading = false;
             this.changeDetector.detectChanges();
+            if (this._lovPopupComponentRef) {
+                this._lovPopupComponentRef.instance.searchTerm = text;
+            }
         });
     }
     handleInputKeyDown(event) {
@@ -11733,58 +11744,58 @@ class ListOfValuesComponent extends BaseInputComponent {
 ListOfValuesComponent.decorators = [
     { type: Component, args: [{
                 selector: 'co-list-of-values',
-                template: `
-      <co-input-text
-              *ngIf="!largeCollection"
-              aria-haspopup="listbox"
-              [attr.aria-expanded]="isSelectOpen"
-              aria-controls="lov-popup"
-              role="combobox"
-              class="no-focus-line"
-              overlayParent
-              #parentForOverlay="overlayParent"
-              type="text"
-              [id]="label"
-              [model]="multiselect ? selectedModels : selectedModel"
-              [placeholder]="label"
-              [myFormInputInstance]="this"
-              [readonly]="readonly"
-              [disabled]="disabled"
-              [required]="required"
-              [noClickFocus]="false"
-              [leftIconData]=" model && model[optionIcon] ? iconCacheService.getIcon(model[optionIcon]) : leftIconData"
-              [rightIcon]="isSelectOpen ? icons.ChevronUpRegular : icons.ChevronDownRegular"
-              [showClearButton]="true"
-              [useContent]="multiselect"
-              [customHeight]="multiselect"
-              [keepFocussed]="keepFocussed"
-              (modelChange)="handleInputModelChange($event)"
-              (click)="openPopup()"
-              (rightIconClick)="toggleSelect()"
-              (keydown)="handleInputKeyDown($event)"
-              (clearIconClick)="clearModel($event)"
-              (blur)="checkModel()">
-          <ng-container *ngIf="multiselect && showChips">
-              <div class="multiselect-chips-wrapper">
-                  <div class="chips" *ngFor="let chip of model">
-                      <span class="chips-description" [textContent]="chip[displayField]"></span>
-                      <co-icon class="remove-chip-icon" [icon]="icons.CrossSkinny" (click)="removeOptionFromModel(chip)"></co-icon>
-                  </div>
-              </div>
-          </ng-container>
-      </co-input-text>
-
-      <co-input-text
-              *ngIf="largeCollection"
-              [model]="filterText"
-              [placeholder]="label"
-              [required]="required"
-              [disabled]="disabled"
-              [readonly]="readonly"
-              (modelChange)="onModelChange($event)">
-      </co-input-text>
-      <div *ngIf="isLoading" class="filter-loader"><span></span></div>
-      <input type="hidden" [ngModel]="model">
+                template: `
+      <co-input-text
+              *ngIf="!largeCollection"
+              aria-haspopup="listbox"
+              [attr.aria-expanded]="isSelectOpen"
+              aria-controls="lov-popup"
+              role="combobox"
+              class="no-focus-line"
+              overlayParent
+              #parentForOverlay="overlayParent"
+              type="text"
+              [id]="label"
+              [model]="multiselect ? ((!selectedModels || selectedModels.length === 0) ? null : selectedModels ) : selectedModel"
+              [placeholder]="label"
+              [myFormInputInstance]="this"
+              [readonly]="readonly"
+              [disabled]="disabled"
+              [required]="required"
+              [noClickFocus]="false"
+              [leftIconData]=" model && model[optionIcon] ? iconCacheService.getIcon(model[optionIcon]) : leftIconData"
+              [rightIcon]="isSelectOpen ? icons.ChevronUpRegular : icons.ChevronDownRegular"
+              [showClearButton]="true"
+              [useContent]="multiselect"
+              [customHeight]="multiselect"
+              [keepFocussed]="keepFocussed"
+              (modelChange)="handleInputModelChange($event)"
+              (click)="openPopup()"
+              (rightIconClick)="toggleSelect()"
+              (keydown)="handleInputKeyDown($event)"
+              (clearIconClick)="clearModel($event)"
+              (blur)="checkModel()">
+          <ng-container *ngIf="multiselect && showChips">
+              <div class="multiselect-chips-wrapper">
+                  <div class="chips" *ngFor="let chip of model">
+                      <span class="chips-description" [textContent]="chip[displayField]"></span>
+                      <co-icon class="remove-chip-icon" [icon]="icons.CrossSkinny" (click)="removeOptionFromModel(chip)"></co-icon>
+                  </div>
+              </div>
+          </ng-container>
+      </co-input-text>
+
+      <co-input-text
+              *ngIf="largeCollection"
+              [model]="filterText"
+              [placeholder]="label"
+              [required]="required"
+              [disabled]="disabled"
+              [readonly]="readonly"
+              (modelChange)="onModelChange($event)">
+      </co-input-text>
+      <div *ngIf="isLoading" class="filter-loader"><span></span></div>
+      <input type="hidden" [ngModel]="(selectedModels && selectedModels.length) || selectedModel ? model : null">
   `,
                 providers: [
                     OverlayService,
@@ -14281,7 +14292,7 @@ class ScreenConfigurationDirective {
             if (myCfgObj) {
                 this._setHostVisible(myCfgObj.immediatelyVisible());
                 if (!this.screenConfigNativeElement) {
-                    this.hostComponent.required = myCfgObj.isRequired();
+                    this.hostComponent.required = this.hostComponent.required || myCfgObj.isRequired();
                     this.hostComponent.readonly = this.hostComponent.forceReadonly || this._moduleInReadonlyMode() || myCfgObj.isReadonly();
                     this.hostComponent.decimals = myCfgObj.scale;
                     this.hostComponent.maxLength = myCfgObj.maxLength;
@@ -15034,13 +15045,15 @@ class HourSchedulingExpandableComponent {
         return split.join(':');
     }
     convertTZ(date, tzString) {
-        return new Date((typeof date === "string" ? new Date(date) : date).toLocaleString("en-US", { timeZone: tzString }));
+        var _a;
+        return new Date((_a = (typeof date === "string" ? new Date(date) : date)) === null || _a === void 0 ? void 0 : _a.toLocaleString("en-US", { timeZone: tzString }));
     }
     convertDateToEuropean(date) {
         return this.convertTZ(date, 'Europe/Amsterdam');
     }
     handleDeselectAll() {
-        this.scheduledObjects.forEach((scheduledObject) => {
+        var _a;
+        (_a = this.scheduledObjects) === null || _a === void 0 ? void 0 : _a.forEach((scheduledObject) => {
             if (scheduledObject.selected) {
                 scheduledObject.selected = false;
             }